react-easy-use-store v0.1.2

react-easy-use-store

扁平化管理你的数据

install

npm i react-easy-use-store or yarn add react-easy-use-store

easy use

Provider initalState

import React from "react";
import ReactDOM from "react-dom/client";
import { Provider, createStore } from "react-easy-use-store";
import App from "./App";

const initalState = {
    test:'foo',
    bar:'bar'
}

const store = createStore(initalState)

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <Provider store={store}>
    <App />
  </Provider>
);

setStore connect

import React,{useEffect} from "react";
import { useSetStorer, connect } from "react-easy-use-store";

function Counter({count,test}) {

  const setStore = useSetStorer()

  useEffect(()=>{
      console.log(count)
  },[count])

  useEffect(()=>{
      setStore('count',10)
  },[])

  return (
    <div>
        {count}
        {test}
    </div>
  );
}

export connect('count','test')(Counter)