title: To limit number of items to be displayed in react predictive input
body: <p>Implementing React from couple of months. I used '<a href="https://www.npmjs.com/package/react-predictive-input" rel="nofollow noreferrer">react-predictive-input</a>' for predicting items from the pre-defined list on <strong>onchange</strong> event. </p>
  
  <p>With "large" data sets (500/1000 items) the AutoComplete component becomes very slow especially when typing the first 3 characters because it will render many items in the dropdown slowing the entire interface, even using a maxHeight for the component.</p>
  
  <p>Do we have any attribute as 'max-items' to show from the list?</p>
  
  <p>Below is the snippet of code :</p>
  
  <pre><code> &lt;Autocomplete
           id="items"
           placeholder="My Items"
           data={this.props.items}
           onSelected={this.onItemSelected.bind(this)} /&gt;
  </code></pre>
  
  <p>Function is invoked if item is selected</p>
  
  <pre><code> onItemSelected(value){
           console.log(`${value} was selected`);
       }
  </code></pre>
  
  <p>List of items</p>
  
  <pre><code>static defaultProps = {
    items:[
     'car','Bicycle','Truck','Green Van'............................1000items]
  };
  </code></pre>
  
  <p>Text prediction works fine, speed and display are becoming an issue to handle.</p>