use-local-search

1.0.2 • Public • Published

Farmers Market Finder Demo

A custom React Hook to search locally in array.

Install

$ npm install use-local-search

Usage

import React from "react";
import useLocalSearh from "use-local-search";

const Example = ({ list }) => {
  const {
    searchText,                                            //value of search input
    setSearchText,                                        //handler of search input
    searchedList                                         //searched list (filtered by searchText value)
  } = useLocalSearch(list, listItem => listItem.name);  //search base on name of each item in list

  return (
    <>
      <input value={searchText} onChange={setSearchText} />
      <List value={searchedList} />
    </>
  );
};

License

MIT

Package Sidebar

Install

npm i use-local-search

Weekly Downloads

2

Version

1.0.2

License

MIT

Unpacked Size

1.72 kB

Total Files

3

Last publish

Collaborators

  • mshojaei