Fuzzy search autocomplete v1.2.2

searchResults-confirm.js

//searchResults.js

export default class SearchResults extends React.Component {
  constructor (props) {
    super();
    this.state = {
      searchResults: [],
    }
    this.webWorker = new Worker('...path to webWorker.js')  
    this.webWorker.postMessage({data: props.data})
    this.webWorker.onmessage = this.handleResults
  }

  componentDidUpdate(prevProps) {
    const {searchTerm} = this.props;
    if(searchTerm && searchTerm !== prevProps.searchTerm) {
      this.webWorker.postMessage({searchTerm})
    }
  }
  
  handleResults = (e) => {
    const {searchResults, confirmSearchTerm} = e.data;
    /* check if confirmSearchTerm property was sent, if so compare it to the 
    latest searchTerm and send back a confirmed searchTerm message */
    if (confirmSearchTerm && confirmSearchTerm === this.props.searchTerm) {
      this.webWorker.postMessage({
        searchTerm: this.props.searchTerm,
        confirmed: true
      })
    } else if (searchResults) {
      this.setState({
        searchResults
      })
    }
  }

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