Question

我有两个这样的切换。如何更改值分隔。我点击切换将更改两个切换值。

then some_variable

functon

{this.state.frame.map((item, index) => (
           <div className="col-xs-12" key={index}>
        <ToggleButton
            className="pull-left"
            onToggle={this.handleFrameToggleChange.bind(this,index)}
                value={item.show_text == "1" ? true : false/>


        <ToggleButton
                className="pull-left"
                onToggle={this.handleFrameToggleChange.bind(this,index)}
                    value={item.show_text == "1" ? true : false/>

thx很多

Answer 1

如果您正在使用react-bootstrap，默认情况下您将获得具有此功能的控制器。

 <ButtonToolbar>
    <ToggleButtonGroup type="radio" name="options" defaultValue={1}>
      <ToggleButton value={1}>Radio 1 (pre-checked)</ToggleButton>
      <ToggleButton value={2}>Radio 2</ToggleButton>
      <ToggleButton value={3}>Radio 3</ToggleButton>
    </ToggleButtonGroup>
  </ButtonToolbar>

您可以从here

获取实时示例

反应切换不能改变分离的值

1 个答案: