kokoroX/use-dura

react hooks 版本的 dura

useDura

介绍

脱胎于 dura

使用

const model = {
  state: initialState,
  reducers: () => ({
    setForm: (state: State, payload: Pet) => {
      state.form = payload;
    }
  }),
  effects: ({ actionCreator, dispatch, getState }) => ({
    async fetchPet(id: string) {
      const res = await api(id);
      // 这里的 actionCreator 没有类型提示
      dispatch(actionCreator.setForm(res));
    },
    async save(form: State) {
      console.log(form);
    }
  })
}
const App = () => {
  const [state, dispatch, actionCreator] = useDura(model);
  useEffect(() => {
    dispatch(actionCreator.fetchPet('id'));
  }, [dispatch]);

  const handleSubmit = (values, formikHelper: FormikHelpers<any>) => {
    dispatch(actionCreator.save(values));
    formikHelper.setSubmitting(false);
  };
  return <div></div>
}

TODO

• [] Taro 例子添加
• [] Taro 版本输出
• [] 补全测试用例