title: Is there any way to see names of 'fields' in React multiple state with React DevTools when using 'useState' hooks
body: <p>I've been learning/experimenting with React hooks.  When I go to inspect the values of the current state of a component using React DevTools in Chrome, I see the state fine, but the actual 'fields' -- that is, the state variables that are being updated by the individual <code>useState</code> hooks -- don't have any name associated with them.  Instead, I see, for example, several strings, a couple of booleans, etc.  I can generally figure out what's going on, but this seems problematic -- I'd like to be able to see <em>which</em> what the state variable's name is.</p>
  
  <p>For instance, if I have something like</p>
  
  <pre><code>const [doughnuts, setDoughnuts] = useState(24)
  </code></pre>
  
  <p>When I look in React DevTools I'd like to see something like `doughnuts: number : 24', instead of just 'number: 24'.  </p>
  
  <p>Am I missing some setting somewhere, or some technique to turn on this ability?</p>