title: Focus on Input when DIV is clicked
body: <p>Using React, I am trying to focus on an input element when certain buttons/elements are clicked. I need the ability to switch focus after render multiple times.</p>
  
  <p>For example, If I click a name button, the name input box should focus. If I click the address button, the address input box should focus.</p>
  
  <p>I'm familiar doing this with jQuery but it does not seem to behave as expected with React.js. </p>
  
  <p>EDIT:</p>
  
  <p>I am trying to use a button to open a menu. When the menu opens, I want the focus to automatically be on an input field.</p>
  
  <p>I've tried the following:</p>
  
  <pre><code>willFocus(name) {
    if(name==='nameButton') {
    oDocument.getElementById('nameInput').focus();
  }
  </code></pre>
  
  <ul>
  <li>Using the label/for semantic. (Doesn't work because the label is not in the same form as the input.)</li>
  </ul>