【问题标题】:how to use redux-sagas with react-hooks如何将 redux-sagas 与 react-hooks 一起使用
【发布时间】:2020-01-06 22:45:26
【问题描述】:

我想知道如何将 redux sagas 与 react hooks 一起使用,redux 是如何实现的,有什么独特的用例需要了解吗?

我应该使用常规的反应调度吗?

【问题讨论】:

    标签: redux react-hooks redux-saga


    【解决方案1】:

    我很难找到这些信息,因此我为其创建了一个项目,以更好地了解如何在 sagas 中使用钩子。

    https://github.com/KevinDanikowski/react-sagas-with-hooks-pokemon-sample-app

    特别是,这个代码块将是最有用的,其他一切都只是常规 redux 的相同实现。

    ...
      const dispatch = useDispatch();
      const pokemon = useSelector(state => {
        return state.pokemons.find(pokemon => pokemon.id === pokemonId)
      });
      const callPokemon = useCallback(
          () => 
            dispatch({
              type: `GET_POKEMON${useSaga ? '_SAGA':''}`,
              pokemonId
            }),
        [dispatch, pokemonId, useSaga],
      )
    
      useEffect(() => {
        const getPokemon = () => callPokemon();
    
        getPokemon();
      }, [callPokemon]) 
    ...
    

    【讨论】:

    • 介意提供一个变化的样本吗?这样我们就不用到处打猎了?
    • @BBaysinger 我不确定你的意思,如果你正在寻找源文件,它在github.com/KevinDanikowski/…
    猜你喜欢
    • 2021-07-09
    • 2021-12-09
    • 1970-01-01
    • 1970-01-01
    • 2019-11-08
    • 2019-10-23
    • 2022-11-29
    • 1970-01-01
    相关资源
    最近更新 更多