title: React > How to set focus on the input field after adding a new row by using react-table
body: <p>I decided to use <code>react-table</code> to build the grid.</p>
  
  <p>Just one thing to have better UI, that is I want to focus on the input field of the new item after clicking on the add new button.</p>
  
  <p>I intend to use <code>ref</code> but have no idea how <code>fowardRef</code> to the child item</p>
  
  <p>Here is my example use of react-table:</p>
  
  <p><a href="https://codesandbox.io/s/beautiful-proskuriakova-lpfxn" rel="nofollow noreferrer">https://codesandbox.io/s/beautiful-proskuriakova-lpfxn</a></p>
  
  <p>In this case, I want to focus on the field <code>First Name</code> after adding a new row.</p>
  
  <p><a href="https://i.stack.imgur.com/wivJH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wivJH.png" alt="enter image description here"></a></p>
  
  <p><strong>UPDATED:</strong>
  I am able to focus on the input by using <code>autoFocus</code> support by native HTML.</p>
  
  <p>The answer <a href="https://stackoverflow.com/a/54159564/4886453">here</a></p>
  
  <p>But I still want to handle focus by using <code>React Ref</code></p>