React Checkbox无法在onCheck上获得价值

时间:2019-11-07 10:20:14

标签: reactjs events checkbox

React Checkbox在onCheck上没有获得价值。我尝试了一个可接受的答案,并首先获取了常数,但是它变得不确定(数据变量)

<TableCell>
    <Checkbox name="myCheckBox1" onChange={(e, data) => this.checkchange1('2', data.value)}/>
</TableCell>


checkchange1 = (e, data) => {
        console.log('it works');
        console.log(data.value);
    }

我想念什么?

2 个答案:

答案 0 :(得分:1)

要获取复选框的值,请尝试如下操作

<Checkbox name="myCheckBox1" value="checkedA" onChange={(e) => this.checkchange1(e)}/>
checkchange1 = (e) => {
    console.log(e.target.value); /* checkedA will be consoled here */
}

答案 1 :(得分:0)

onChange将仅采用一个参数,即e。

您可以像这样将值存储在状态中。

<Checkbox onChange={this.toggle} checked={this.state.checked} /> 

 toggle = () => this.setState(({checked}) => ({ checked: !checked }))