質問: ### 前提・実現したいこと 1つの`checkbox`をクリックして、他の`checkbox`をクリックする際に、 1回目のチェックマークは消えて、2回目にクリックした`checknox`だけにクリックマークを表示させたいです。 ですが現状全ての`checkbox`にチェックマークをつけることができます。 ### 該当のソースコード 現在mapを使って`checkbox`を表示させています ``` { this.props.tasks.map((task, key) => { return( { this.setState({ taskid: task.id })}} /> {task.name} ) })} ``` 何かアドバイスありましたら幸いです。 よろしくお願いいたします。
回答: ご指摘いただいたように `name`を共通化して、`id`を`{task.id}`にしてそれぞれに違う値を与えれば実装できました。 ``` { this.props.tasks.map((task, key) => { return( { this.setState({ taskid: task.id })}} /> ) } ```