RN下的取得input value方法跟平常JS不一樣，以往都是全部輸入完成後才去把值抓出來。
而在RN下資料和顯示基本上是連動的，input的value就對應到某個state變數，當value改變時其變數也一起改變，反之亦然。
TextInput要取值必須在onChangeText屬性中去取，取出來寫入某個state中某個變數，也就是在文字輸入時就一併變動，沒有事後再取值這回事。
dizzy03 發表在
痞客邦
留言(0)
人氣()
答：
另寫一個function出來接收多個參數
onChangeText去呼叫這個參數，並且帶入自訂參數即可
ex:
dizzy03 發表在
痞客邦
留言(0)
人氣()
Source：https://twitter.com/Strangestone/status/1142969495662632960
Tawawa String : https://twitter.com/Strangestone/media
Tawawa Album : http://bit.ly/2bIG2Wc
dizzy03 發表在
痞客邦
留言(0)
人氣()
問題：使用map()函數把laps元素都呈現出來，但怎麼沒有東西return出來?
lapsList() {
this.state.laps.map((data) => {
return (
<View><Text>{data.time}</Text></View>
)
})
}
dizzy03 發表在
痞客邦
留言(0)
人氣()
問題: 如何在RN內的return中，寫if else判斷？
hope you are doing well.
I am stuck in little problem is i want to pass a tag only if my condition goes true.
dizzy03 發表在
痞客邦
留言(0)
人氣()
dizzy03 發表在
痞客邦
留言(0)
人氣()
轉自 http://blog.jason.tools/2017/03/duplicati-backup-enterprise.html
--
dizzy03 發表在
痞客邦
留言(0)
人氣()
https://www.arqbackup.com/
dizzy03 發表在
痞客邦
留言(0)
人氣()
舊的硬碟用四年出現壞軌，趕緊再買一顆。
加裝上去後，開機居然發現會出現偶爾會有一顆硬碟抓不到的狀況，抓不到的硬碟是隨機的，有時候是SSD，有時候是傳統硬碟其中一顆 = ="
確定不是硬碟問題，只好上網找解法。
dizzy03 發表在
痞客邦
留言(0)
人氣()
比如我們定義一個TouchableOpacity點擊事件，該方法需要接收一個參數值，如下
_onTabPress(index){
console.log('index = '+ index);
}
組件上綁定方法
dizzy03 發表在
痞客邦
留言(0)
人氣()
把if else判斷弄成function，寫到外面去，回傳對應內容。
render函式再去呼叫此function即可。
--
學RN的同學知道，在組件的render方法中我們可以通過JSX來定義組件的具體佈局和顯示（ JSX 用於在JavaScript 中定義頁面視圖結構，它採用層層嵌套的語法組織頁面。）並且我們可以在JSX 中寫JavaScript，則需要將JS 代碼包在一個中括號裡面。但如果我們的組件比較複雜，需要根據不同的條件設置不同的樣式，比如我們的組件有個bottomView，如果它的狀態是可操作的，那麼我們底部就顯示操作按鈕，否則就用文本組件顯示異常報錯。如果直接使用if else判斷是不可以的。但是可以使用三目運算，比如：
錯誤示範：
<View style={styles.container}>
if(this.props.canHandle) {
<TouchableOcapacity....../>
} else {
<Text ....></Text>
}
</View >
正確示範：
<View style={styles.container}>
{this.props.canHandle ? <TouchableOcapacity....../> : <Text ....></Text>}
</View>
上面是一種方式，但三目運算也只能判斷條件是與否，如果過於復雜的判斷，比如bottomView可能會有多種不同的方式佈局，我們需要用if else if esle if .. else這樣的判斷該怎麼辦呢？前面我們講過可以在JSX中插入js，那麼我們可以將這些判斷放在js方法中，然後return我們判斷好的組件就行了，比如
<View style={styles.container}>
{this._renderBottom()}
</View>
_renderBottom() {
if(this.props.type === 1){
return <Text.....>alaa</ Text>
} else if (this.props.type === 2){
return <View..../>
} else if (...) else{..}
}
參考鏈接：( https://stackoverflow.com/questions/40477245/is-it-possible-to-use-if-else-statement-in-react-render-function )
( https://facebook.github.io /react/docs/conditional-rendering.html )
--
dizzy03 發表在
痞客邦
留言(0)
人氣()
使用es6的展開運算子 "..."，把兩個陣列展開後再組合起來。
--
For merge arrays you can use es6 spread operator
dizzy03 發表在
痞客邦
留言(0)
人氣()