我正在尝试使用react.js处理一个复选框数组
import React, {Component} from 'react'
export default class Index extends Component{
state = {
myArray = ["Chair", "Spoon", "Cup"]
}
render(){
return(
{
this.state.myArray.map(() => {
<FormGroup>
<Input
name = {item}
value = {item}
checked =
onChange =
</FormGroup>
})
}
)
}
}
实际上,我是个新手,不知道如何处理或操作数组。
import React, {Component} from 'react'
export default class Index extends Component{
state = {
myArray = ["Chair", "Spoon", "Cup"],
checked= [false,false,false]
}
handleChange=(index)=>{
let newChecked=this.state.checked
newChecked=!this.state.checked[index]
this.setState({checked:newChecked})
}
render(){
return(
{
this.state.myArray.map((item,index) => {
<FormGroup>
<Input
name = {item}
value = {item}
checked = {this.state.checked[index]}
onChange = {()=>this.handleChange(index)}
</FormGroup>
})
}
)
}
}
已经提供了代码,但这不是方法,你不能指望人们为你做功课,尝试一些东西,然后指出是否有问题。