title: React use hooks for ant design tables (using dynamic refs)
body: <p>I have a table which is created using antd library.</p>
  <pre><code>const columns = [
    {
  {
    title: &quot;Enter Details&quot;,
    width: &quot;20%&quot;,
    render: (record) =&gt; (
      &lt;Form.Item &gt;
        &lt;TextArea rows={4} readOnly={readType} /&gt;
      &lt;/Form.Item&gt;
    ),
  },
  {
    title: &quot;Enter Validation&quot;,
    width: &quot;10%&quot;,
    render: (record) =&gt; (
      &lt;Form.Item &gt;
        &lt;Select options={options} /&gt;
      &lt;/Form.Item&gt;
    ),
  },
  {
    title: &quot;Tags Data&quot;,
    width: &quot;10%&quot;,
    render: (record) =&gt; (
      &lt;Form.Item&gt;
        &lt;Tag color=&quot;success&quot;&gt;
          Success
        &lt;/Tag&gt;
      &lt;/Form.Item&gt;
    ),
  },
  {
    title: &quot;Tags Validation&quot;,
    width: &quot;10%&quot;,
    render: (record) =&gt; (
      &lt;Form.Item&gt;
        &lt;Tag  color=&quot;success&quot;&gt;
          success
        &lt;/Tag&gt;
      &lt;/Form.Item&gt;
    ),
  },
    
  ];
  </code></pre>
  <p>I also have json object generated from axios on clicking <strong>Submit</strong> button. After comparison if <strong>Tags Data</strong> is not matching then I need to update the value under the <strong>Tag Data</strong>  as Failed and update color attributes accordingly.</p>
  <p>Since this is with React code, I tried using various Hooks with my available knowledge and unable to derive the result. Kindly help me in resolving this issue.</p>