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

Question

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

Answer 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>
    );
  }
}