我們如何在react本機中使用布爾文本輸入。我試圖使用單選按鈕或選中按鈕,但當用戶單擊表單上的提交按鈕時,我無法將選定的數據發送到服務器端。如果我使用選中按鈕,我如何知道該按鈕是由用戶選中的?我是react本機新手,這將是很大的幫助。我正在閱讀react本機文檔,但是使用boolen文本輸入對我來說很難理解。非常感謝。
我用的是Picker如果有更好的選擇那就太好了
<Picker
selectedValue={status}
style={{ height: 50, width: 150 }}
onValueChange={(itemValue) => setStatus(itemValue)}
>
<Picker.Item label="True" value="True" />
<Picker.Item label="False" value="False" />
</Picker>
Using Picker
Picker.Item
的label
是顯示給用戶的文本,因此始終需要是string
。但是對于value
屬性,我們可以傳遞boolean
值true
和false
,而不是string
。就這樣!Other Options
下拉菜單不是選擇
true
/false
值的最直觀的方法。我想說Switch
是最好的(盡管由于某些原因,這并沒有在世博會網站上正確呈現)。不同的組件有不同的屬性,因此請檢查文檔以查看該值是否為
boolean
、string
等。對于單個RadioButton
,使用status={ status ? 'checked' : 'unchecked' }
,因為它由字符串'checked'
和'unchecked'
控制。下面是一個演示,展示了四種不同的選擇。