title: Get prop value from div in React
body: <p>A working example of my problem can be found at:</p>
  
  <p><a href="https://codepen.io/RyanCRickert/pen/vYYQeaW" rel="nofollow noreferrer">https://codepen.io/RyanCRickert/pen/vYYQeaW</a></p>
  
  <p>I am prop drilling a function two levels and passing that function along with an index to a rendered component.  When a name is submitted it renders a new component which shows the name and div which has an onClick (X).  I am trying to receive the index of where the name is located in the array which it lives so that I may splice it out when the button is clicked.</p>
  
  <p>If I enter the name "Bob" for example, then click the div with the listener I can console log the event.target.  Using the above example I get <code>"&lt;div class='person-item__X' value='0'&gt;X&lt;/div&gt;"</code> for event.target and undefined for event.target.value.  The value is being assigned as <code>&lt;div onClick={props.removeName} class="person-item__X" value={props.value}&gt;X&lt;/div&gt;</code>.</p>
  
  <p>Am I just unable to grab the value of a div in such a manor?  Or is there something that I am missing?  Thank you</p>