如何获取多个复选框值?参考不在材料ui复选框,不明白为什么。
<Checkbox key={i} label={catagory.name} ref="categories" value={catagory_name} name="category" />
例如:example
如果没有材料-ui,你可以通过ref获得值,但是使用material-ui需要另一种方法来获取复选框值。
我从API获取数据,因此它会不时添加更多内容。如何获得价值?我应该写什么功能?有人知道吗?
答案 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