title: Clear the entered text in antd search component after clicking on enter/search Icon
body: <p>I am required to redirect to a specified link in a new tab with different query params.</p>
  <p><strong>How do I clear the input text to the search component in ant.d after clicking on Enter/Search Icon?</strong></p>
  <p>I tried allowClear prop but it only allows clearing of the input value triggered by a Clear icon.</p>
  <p>Find my code below,</p>
  <pre><code>import { React } from 'react'
  import { Input } from 'antd';
  
  const { Search } = Input;
  
  function SearchBar() {
      const history = useHistory();
      const onSearch = value =&gt; {
              let queryString = &quot;q=&quot; + value;
              window.open(`http://link?${queryString}`,&quot;_blank&quot;);
      }
      return (
          &lt;div&gt;
              &lt;p className=&quot;font-sans text-gray-700 font-semi-bold text-lg pb-6&quot;&gt; Help and Support&lt;/p&gt;
              &lt;Search className=&quot;searchBar&quot;  placeholder=&quot;Search on documentation&quot; onSearch={onSearch} /&gt;
          &lt;/div&gt;
      )
  }
  
  export default SearchBar;
  
  
  </code></pre>
  <p>Please find the link to antd search component <a href="https://ant.design/components/input/" rel="nofollow noreferrer">here</a></p>