这个其实还挺适合入门react练手的,今天看到网上有这个例子但是写的实在不是很好,我复写了一下,感觉还不错,发上来参考一下咯
class Checkboxcomponent extends React.Component{
constructor(props){
super(props);
this.state = {
chooseList : ['apple','lemon','melon','orange'],
chooseCheck : 0,
Allchoose : false,
reverseCheck : false,
isAuto : false
}
}
Allchoose(e){
if(this.state.Allchoose){
this.setState({
chooseCheck : 0,
Allchoose : false,
isAuto : false,
})
}else{
this.setState({
Allchoose : true,
chooseCheck : this.state.chooseList.length,
isAuto : false,
});
}
}
checkAllChoose(ItemChecked){
if(this.state.isAuto = true)this.state.isAuto = false