Question

我正在尝试使用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>
        })
     }
   )
 }
}

实际上我是新手，不知道如何处理或操纵数组。

Answer 1

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>
        })
     }
   )
 }
}

已经提供了代码，但这不是方法，您不能指望人们为您做功课，尝试一下，然后指出是否有效果。

我如何使用react.js处理复选框数组

1 个答案: