title: How To Manipulate One Element Without Effecting The others in Array.map(), REACT.JS
body: <p>I want to change the styling of an element when a button is clicked, but I can't figure out how to do so without changing the styles of all the elements in the array that haven't been clicked.</p>
  <pre><code>        &lt;div &gt;
              {props.stuff.map(item =&gt; 
                  &lt;li className={itemClass}&gt;
                      &lt;div&gt;{item}&lt;/div&gt;
                      &lt;button onClick={...change the style of the &lt;li&gt; without effecting the others}&gt;Done&lt;/button&gt;
                  &lt;/li&gt;)}
          &lt;/div&gt;
  </code></pre>
  <p>I'm thinking I need to give each li a unique ID and access that ID in my click Handler function and apply another css class to only the li with that ID... except I can't figure out how to do that. Or I could be going in the wrong direction.
  Any suggestions would be very much appreciated!</p>