useStore

Installation

npm install @microui-kit/use-store
or
yarn add @microui-kit/use-store

Use It

import React, { useRef } from 'react';
import { useStore, StoreProvider, useStoreContext } from '@microui-kit/use-store';

const { useStoreSelector, handlers } = useStore({
  storeKey: 'list-store',
  initialState: {
    activeIndex: 0,
    hasMore: false
  },
  handlers: ({ setState }) => {
    return {
      updateState: (dataState) => {
        setState(dataState);
      }
    };
  }
});

or

const Component = () => {
  const storeMethods = useStoreContext();

  const { useStoreSelector, handlers } = storeMethods;

  return (
    <div>Component</div>
  )
}

<StoreProvider
  storeKey="list-store"
  initialState={{
    activeIndex: 0,
    hasMore: false
  }}
  handlers={({ setState }) => {
    return {
      updateState: (dataState) => {
        setState(dataState);
      }
    };
  }}
>
  <Component/>
</StoreProvider>