@abdulghani/reduxcontext 中文文档教程

Question

Redux Context setup

在这个项目中有几个组件你可以导入到你的项目中使用

• AppContextProvider default providing context to it's children and specify reducer to use
• useSelector named function for selecting/get the state value from the context state
• useDispatch named function for dispatching actions to your context's reducer

Usage

你可以这样使用它

  // import your deps
  import AppContextProvider from "@abdulghani/reduxcontext";
  import myReducer from "somewhere";

  const App = () => {
    return (
      <AppContextProvider reducer={myReducer}>
        <MyApp/>
      </AppContextProvider>
    )
  }

你可以通过这种方式从你的组件访问状态

  // other imports
  import {useSelector, useDispatch} from "@abdulghani/reduxcontext"

  const MyView = () => {
    const state = useSelector(state => state);
    const dispatch = useDispatch();

    useEffect(() => {
      // do something in initial render
      dispatch({ type: "MY_ACTION", data: "SOME DATA" });
    }, [])
  }