需要根据 reactjs 中的单选按钮输入填充值

Posted 2023-02-22

【中文标题】需要根据 reactjs 中的单选按钮输入填充值

【英文标题】：Need to populate value based on radio button input in reactjs

【发布时间】：2021-02-02 05:26:57

【问题描述】：

我想根据单选按钮输入填充文本字段的值，例如，如果单选按钮输出为“是”，那么它将文本字段值设置为“这是来自是”，如果单选按钮输出值为“否”，那么它将将文本字段值设置为“This is from no”

【问题讨论】：

你看过这个问题How to use radio buttons in ReactJS?。其他一些有用的文章here

【参考方案1】：

这可能有助于react-native-simple-radio-button

import RadioForm, RadioButton, RadioButtonInput, RadioButtonLabel from 'react-native-simple-radio-button';
import  Text  from "react-native";


var radio_props = [
  label: ‘Yes’, value: "This is from yes" ,
  label: ‘No’, value: "This is from no" 
];

export default class App 

  state =  textValue: radio_props[0].value 
  
  render() 
    return (
      <View>
        <RadioForm
          radio_props=radio_props
          initial=0
          onPress=(value) => this.setState(textValue:value)
        />
        <Text>this.state.textValue</Text>
      </View>
    );
  

【讨论】：

如果有帮助，请更正答案投票:-)