title: Ant Design select tag no data rename
body: <p>I am using Ant Design select tag, when there is no data available it says 'No Data', is there a way to change that text to something else for example that 'No Data' rename to something else ?</p>
  <p>here is example code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import 'antd/dist/antd.css';
  import './index.css';
  import { Select } from 'antd';
  
  const { Option } = Select;
  
  function onChange(value) {
    console.log(`selected ${value}`);
  }
  
  function onBlur() {
    console.log('blur');
  }
  
  function onFocus() {
    console.log('focus');
  }
  
  function onSearch(val) {
    console.log('search:', val);
  }
  
  ReactDOM.render(
    &lt;Select
      showSearch
      style={{ width: 200 }}
      placeholder="Select a person"
      optionFilterProp="children"
      onChange={onChange}
      onFocus={onFocus}
      onBlur={onBlur}
      onSearch={onSearch}
      filterOption={(input, option) =&gt;
        option.children.toLowerCase().indexOf(input.toLowerCase()) &gt;= 0
      }
    &gt;
     
    &lt;/Select&gt;,
    document.getElementById('container'),
  );</code></pre>
  </div>
  </div>
  </p>