Fuzzy search autocomplete v1.2.4

searchResults-workerArray.js

//searchResults.js

export default class SearchResults extends React.Component {
  constructor (props) {
    super();
    this.state = {
      searchResults: [],
    }
    //initiate the worker array:
    this.workerArray = new WorkerArrayController({
      data: props.data,
      handleResults: this.handleResults,
      arraySize: 4
    });
  }

  componentDidUpdate(prevProps) {
    const {searchTerm} = this.props;
    if(searchTerm && searchTerm !== prevProps.searchTerm) {
      this.workerArray.search({searchTerm})
    }
  }
  
  handleResults = (e) => {
    const {searchResults} = e.data
    this.setState({
      searchResults
    })
  }
  
  componentWillUnmount () {
    this.workerArray.terminate();
  }

  render () {
    return <ReactVirtualizedList searchResults={this.state.searchResults}/>
  }
}