title: Determine clicked item and update aria-checked value in React
body: <pre><code>render(){
    return (
      &lt;div&gt;
        this.data.map(item=&gt; {
           &lt;div aria-checked="true/false"&gt;{item}&lt;div&gt;
        })
      &lt;/div&gt;
    )
  }
  </code></pre>
  
  <p>For the above code, I want to write an onClick handler that changes the value of aria-checked to <code>true</code>, depending on the item selected/clicked on. If one item is selected, it's <code>aria-checked</code> will be <code>true</code> and the rest <code>false</code>.</p>
  
  <p>I know I need a <code>checked</code> component state with a boolean type but I'm not sure how to do the handler logic.</p>