前言:
好久沒有更新網頁了，其實我也不是都沒在寫文章
今年參加了 it 鐵人賽 看了好幾年，總算自己也跳下來玩
改天再把那邊的文章搬過來這邊
自學程式除了python之外，目前開了一個新技能樹: JavaScript
之前都是在網路上(YT)上亂學一通，導致對JS方面知識非常混淆
沒有先學JavaScript 反而先從Vue開始學，以至於在一些Vue的教學影片中
把一些用到的套件，都先入為主的以為那些都是Vue的東西...大錯特錯!!!
anyway扯遠了，我左思右想，寫網站對我這種個體戶來說，太難了
所以改變路線，朝手機APP開發的方向前進，Vue要來開發手機APP...很難
雖然看到有人推薦Vue+Cordova 還有一個最近聲勢很旺的 Flutter
但看來看去，原生語言(JAVA、Swift)不考慮之外，我也不想再多學一個新的語言
所以就打槍 Flutter ，用JS來開發手機APP就好了
所以這個Blog會開始記錄我自學React Native的過程
我的目標是可以寫出一個 手機POS系統 (有夢最美..)
因為是第一篇，所以廢話比較多，接下來就直接進入正題
今天的問題是:要如何按下按鈕後，抓取輸入框(textinput)的數值
這問題用Vue或JS 在網頁端，沒啥難度。
轉到手機上面，讓我卡了好久。
因為買的線上課程，是用 Hook 的寫法，而一般在網路上找到的寫法都是用class
說到底是我不熟 function 跟 class 寫法的差別與 React 新推出的 Hook用法...
既然我是剛剛入門的React (Native) 那在沒有包袱的情況下
就用Hook來取代 class寫法吧
以下就直接上程式碼了:
版本資訊:
react: 17.0.1
react-native: 0.64.3
expo: 44.0.0
成果圖:
程式碼:
Reference:
暫無