如何将 redux-sagas 与 React-hooks 结合使用

Question

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

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

Answer 1

我很难找到这些信息，因此我为其创建了一个项目，以更好地理解如何将 hooks 与 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]) 
...