title: i need to print the user input value in next table column when user press a enter key in input field?
body: <p>I am working on react and I need to print the input field value in next table column. In input field when user press a enter key that value are print the specific table column and when user press again enter key that value are print in next column not print in whole column. There code are given below.</p>
  <pre><code>const [text, setText] = useState(&quot;&quot;);
    const [submitted, setSubmitted] = useState('');
    
    function handleChange(e) {
      setText(e.target.value);
    }
  
    function handleSubmit(e) {
      e.preventDefault();
      setSubmitted(text);
      setText(&quot;&quot;);
    }
  </code></pre>
  <p>The table column are  given below:</p>
  <pre><code>const column=[
    {
        title: 'track',
        dataIndex: 'tracking_id',
          render: (output) =&gt; (
              &lt;output&gt;{submitted}&lt;/output&gt;
          )
      }
  }
  </code></pre>
  <p>return() code is here:-</p>
  <pre><code>return( 
       &lt;form onSubmit={handleSubmit}&gt;
              &lt;Input type=&quot;text&quot; name=&quot;tracking&quot; placeholder=&quot;Tracking Id&quot;  onChange={handleChange} allowClear={true}&gt;&lt;/Input&gt;  
       &lt;/form&gt; 
  );
  </code></pre>
  <p>output is:-</p>
  <p><a href="https://i.stack.imgur.com/2ZOBz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2ZOBz.png" alt="enter image description here" /></a></p>