前提・実現したいこと
1つのcheckbox
をクリックして、他のcheckbox
をクリックする際に、
1回目のチェックマークは消えて、2回目にクリックしたchecknox
だけにクリックマークを表示させたいです。
ですが現状全てのcheckbox
にチェックマークをつけることができます。
該当のソースコード
現在mapを使ってcheckbox
を表示させています
js
1{ this.props.tasks.map((task, key) => { 2 return( 3 <div className={checkbox"} key={key}> 4 <label> 5 <input 6 type="checkbox" 7 onClick={(event) => { 8 this.setState({ taskid: task.id })}} 9 /> 10 <span className="content">{task.name}</span> 11 </label> 12 </div> 13 ) 14 })}
何かアドバイスありましたら幸いです。
よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー