A tiny wrapper for the Fuse.js library fuzzy-search using React Hooks.
npm install react-use-fuseshconst customers = [
{id: 1, name: 'Customer A', email: 'aa@aa.com'},
{id: 2, name: 'Customer B' email: 'mm@mm.com'}
]
function MyComponent({customers}){
// This is Fuse specific options. Read more at
// https://fusejs.io/#examples
const options = {
keys: ["name", "email"]
}
// Setup the Hook.
const { result, search, term, reset } = useFuse({
data: customers,
options
});
return (
value={term}
placeholder="Search for a customer..."
/> {result.map(customer => (
{customer.name} - {customer.email}
))}
)
}
``