Example of Custom Filtering Functional in React AutoComplete Component

/
/
CustomFiltering

This sample demonstrates the custom filtering functionalities of the AutoComplete. You can choose an item from the suggestion list that filtered items based on approximate string matching technique.

More Details...

Description

The AutoComplete can be customized to showcase the suggestion list by using filtering event. In that, you can use your own libraries to filter the data and update it to AutoComplete suggestion list via updateData method. The debounce delay, in milliseconds, for filtering items in the AutoComplete component can be set using the debounceDelay property.

In this sample, used Fuse.js library for custom filtering of books data.

For more information about Fuse.js can be found in this reference link.