ネイティブの反応でループ内のチェックボックスをどのように処理しますか?現在、私のコードはこのようなものです。
this.state.allItems.map((res, index) => {
return(
<CheckBox
color="green"
style={{ marginRight: 20, }}
checked={this.state.check1}
onChange={()=>{ }}
/>
)
})
質問を正しく理解できた場合、複数のアイテムがあり、それらを個別にチェックできるようにしたいと考えています。
そのためには、彼らがそれぞれ独自の状態値を持つ必要があります。これをどのように行うかは、設計のニーズによって異なりますが、コードを形成するには、check1状態ではなく配列が必要です。
このようなもの:
this.state.allItems.map((res, index) => {
return(
<CheckBox
color="green"
style={{ marginRight: 20, }}
checked={this.state.checked[index]}
onChange={()=> {
let { checked } = this.state;
checked[index] = !checked[index];
this.setState({checked});
}
}
/>
もちろん、チェックされた状態を適切に配列で埋める必要があります。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加