0.4.0-alpha.47 • Published 4 years ago

@parataxic/react-use-flexsearch v0.4.0-alpha.47

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

Typed version of https://github.com/angeloashmore/react-use-flexsearch

yarn add @parataxic/react-use-flexsearch npm install @parataxic/react-use-flexsearch

import { useFlexSearch } from "@parataxic/react-use-flexsearch";

const MyView:React.FC = () => {
  const { localSearchPages } =
    useStaticQuery<GatsbyTypes.ListerQuery>(graphql`
      query Lister {
        localSearchPages {
          publicIndexURL
          publicStoreURL
        }
      }
    `);

  const {results} = useFlexSearch(searchTerm, {...localSearchPages});

  const resultsIds = results.map(({ id }) => id);

  const filterPosts = (post) => {
    if (resultsIds.length === 0) return true;
    return resultsIds.includes(post.id);
  };


  return (
    <>
      <button onClick={onFocus}>Fetch search data</button>
      {items.filter(filterPosts).map((item, idx: number) => <div key={key}>{item.title}</div>)}
    </>
  )
}
0.4.0-alpha.47

4 years ago

0.4.0-alpha.44

4 years ago

0.4.0-alpha.45

4 years ago

0.4.0-alpha.43

4 years ago

0.4.0-alpha.42

4 years ago

0.4.0-alpha.36

4 years ago

0.4.0-alpha.37

4 years ago

0.4.0-alpha.38

4 years ago

0.4.0-alpha.35

4 years ago

0.4.0-alpha.30

4 years ago

0.4.0-alpha.28

4 years ago

0.4.0-alpha.27

4 years ago

0.4.0-alpha.17

4 years ago

0.4.0-alpha.16

4 years ago

0.4.0-alpha.13

4 years ago

0.4.0-alpha.11

4 years ago

0.4.0-alpha.10

4 years ago

0.4.0-alpha.9

4 years ago

0.4.0-alpha.8

4 years ago

0.4.0-alpha.1

4 years ago

0.0.8

4 years ago

0.0.7

4 years ago

0.0.6

4 years ago

0.0.5

4 years ago

0.0.4

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago