react本機的布爾文本輸入

我們如何在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.Itemlabel是顯示給用戶的文本,因此始終需要是string。但是對于value屬性,我們可以傳遞booleantruefalse,而不是string。就這樣!

<Picker
  selectedValue={status}
  style={{ height: 50, width: 150 }}
  onValueChange={setStatus}>
  <Picker.Item label="True" value={true} />
  <Picker.Item label="False" value={false} />
</Picker>

Other Options

下拉菜單不是選擇true/false值的最直觀的方法。我想說Switch是最好的(盡管由于某些原因,這并沒有在世博會網站上正確呈現)。

<Switch
  value={status}
  onValueChange={setStatus}
/>

不同的組件有不同的屬性,因此請檢查文檔以查看該值是否為booleanstring等。對于單個RadioButton,使用status={ status ? 'checked' : 'unchecked' },因為它由字符串'checked''unchecked'控制。

下面是一個演示,展示了四種不同的選擇。

主站蜘蛛池模板: 无码精品人妻一区二区三区人妻斩| 鲁丝丝国产一区二区| 国产成人无码一区二区在线观看| 国产精品制服丝袜一区| 亚洲视频一区在线| 日韩在线一区二区| 亚洲色偷精品一区二区三区| 国产精华液一区二区区别大吗| 美女免费视频一区二区三区| 韩国福利影视一区二区三区| 极品少妇一区二区三区四区| 亚洲一区二区三区不卡在线播放| 精品少妇一区二区三区视频| 久久久久成人精品一区二区| 日韩精品无码中文字幕一区二区 | 中文字幕无码一区二区三区本日| 亚洲综合一区二区三区四区五区| 无码人妻一区二区三区在线视频| 亚洲国产综合无码一区| 日韩免费无码视频一区二区三区| 国产福利一区二区三区在线视频 | 制服丝袜一区在线| 日本在线视频一区二区三区| 色噜噜狠狠一区二区三区| 久久国产精品亚洲一区二区| 日韩av片无码一区二区三区不卡| 久久久久人妻一区二区三区vr| 亚洲第一区精品观看| 在线播放精品一区二区啪视频| 精品视频无码一区二区三区| 国产成人精品视频一区二区不卡| 日韩精品一区在线| 麻豆国产在线不卡一区二区 | 人妻体内射精一区二区三区| 午夜性色一区二区三区不卡视频| 无码一区二区三区视频| 久久亚洲日韩精品一区二区三区| 亚洲国产精品一区二区成人片国内 | 亚洲av无码一区二区三区在线播放 | 3d动漫精品一区视频在线观看| 精品人妻少妇一区二区三区在线 |