ReactJS:使用material-ui获取多个复选框值

时间:2017-07-04 14:07:26

标签: function reactjs checkbox material-ui

如何获取多个复选框值?参考不在材料ui复选框,不明白为什么。

<Checkbox key={i} label={catagory.name} ref="categories" value={catagory_name} name="category"  />

例如:example

如果没有材料-ui,你可以通过ref获得值,但是使用material-ui需要另一种方法来获取复选框值。

我从API获取数据,因此它会不时添加更多内容。如何获得价值?我应该写什么功能?有人知道吗?

1 个答案:

答案 0 :(得分:1)

您可以使用内置材质UI复选框功能 - newchars, decodedbytes = self.decode(data, self.errors) UnicodeDecodeError: 'utf-8' codec can't decode byte 0xff in position 0: invalid start byte 。它将返回指定的类别,它的

onChange

app.js

class App extends Component { result = new Set(); handleCheckbox(event, isChecked, value) { console.log(isChecked, value); this.res.add(value); if (this.res.size === 3) console.log(this.res); } labelList = [{id: 1, category: 'a'}, {id: 2, category: 'b'}, {id: 3, category: 'c'}]; // your data render() { return ( <div className="App"> {this.labelList.map(element => ( <CheckboxField key={element.id} label={element.category} category={element.category} onChange={this.handleCheckbox} /> ))} </div> ) } }

Checkbox.js