title: React Ant design 4 Input search display table data
body: <p>I'm tried to create Ant design 4 input search to filter data , Name and age, when i search name or age wanna display table data but its not working anyone know how to do that correctly</p>
  <p><em><strong><a href="https://stackblitz.com/edit/react-ghvwxl?file=index.js" rel="nofollow noreferrer">stazkblitz here</a></strong></em></p>
  <p><strong>code here</strong></p>
  <pre><code>const columns = [
    {
      title: &quot;Name&quot;,
      dataIndex: &quot;name&quot;,
      key: &quot;name&quot;,
      render: text =&gt; &lt;a&gt;{text}&lt;/a&gt;
    },
    {
      title: &quot;Age&quot;,
      dataIndex: &quot;age&quot;,
      key: &quot;age&quot;
    }
  ];
  
  const data = [
    {
      key: &quot;1&quot;,
      name: &quot;John Brown&quot;,
      age: 32
    },
    {
      key: &quot;2&quot;,
      name: &quot;Jim Green&quot;,
      age: 42
    },
    {
      key: &quot;3&quot;,
      name: &quot;Joe Black&quot;,
      age: 32
    }
  ];
  const onSearch = value =&gt; console.log(value);
  ReactDOM.render(
  &lt;div&gt;&lt;Search
        placeholder=&quot;input search text&quot;
        allowClear
        enterButton=&quot;Search&quot;
        size=&quot;large&quot;
        onSearch={onSearch}
      /&gt;
      &lt;br/&gt;
         &lt;br/&gt;   &lt;br/&gt;
      &lt;Table columns={columns} dataSource={data} /&gt;&lt;/div&gt;,
      document.getElementById('container')
   
  );
  </code></pre>
  <p>Thanks</p>