redux - 如何将 redux-sagas 与 react-hooks 一起使用

Question

我想知道如何将 redux sagas 与 react hooks 一起使用，redux 是如何实现的，是否有任何独特的用例需要了解？

我应该使用常规的 react 调度吗？

Answer 1

我很难找到这些信息，所以我为它创建了一个项目，以更好地了解如何将钩子(Hook)与 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]) 
...