Question

我试图在选择单选按钮时添加一个按钮。我知道为了达到这个目的，我必须和国家一起玩，但这对我来说很复杂。请帮忙。

Answer 1

使用React文档doc1 doc2 doc3

试试这个：

class Radio extends React.Component {
  constructor(props) {
    super(props);
    this.state = {radio: 0};
    this.onRadioChanged = this.onRadioChanged.bind(this);
  }

  onRadioChanged(event) {
      this.setState({radio: parseInt(event.target.value, 10)});
  }

  render() {
    return (
      <div>
      <input type="radio"
        value={0} 
        checked={this.state.radio === 0} 
        onChange={this.onRadioChanged} />
      Option 1
      <input type="radio"
        value={1} 
        checked={this.state.radio === 1} 
        onChange={this.onRadioChanged} />
      Option 2
      {this.state.radio === 1? <button>Hi!</button> : null}
      </div>
    );
  }
}

React.render(
    <Radio/>, 
    document.body
);

React在单选按钮选择上添加一个按钮

1 个答案: