javascript - 功能组件的 redux hooks

Question

• 我尝试将 redx 转换为 redux hooks。
• 所以我研究并找到了这个链接 https://medium.com/javascript-scene/do-react-hooks-replace-redux-210bab340672
• 我能够做出一些改变。
• 但无法继续进行。
• 如果你们让我知道一个组件，那就太好了。
• 我可以为别人做。-如果你取消注释按钮导出，你可以看到没有钩子(Hook)的工作代码
• 在下面提供我的代码片段。

https://codesandbox.io/s/boring-wu-btlre

function useHackerNews(props) {
  const hackerNews = useSelector(state.channel);

  const dispatch = useDispatch();
  return (
    <button
      onClick={() => {
        getPosts(channel);
        getAlert();
      }}
      className="btn btn-primary btn-lg btn-block"
    >
      Get top news
    </button>
  );
}

Answer 1

基本上你使用“useSelector”转换“mapStateToProps”

所以这样:

const mapStateToProps = state => ({ channel: state.channel });

变成:

const channel = useSelector(state => state.channel);

您的“mapDispatchToProps”是使用“useDispatch”转换的

所以你可以转换:

const mapDispatchToProps = { getPosts: fetchPosts, getAlert: displayAlert };

收件人:

const getPosts = () => useDispatch(fetchPosts());
const getAlert = () => useDispatch(displayAlert());

希望这是有道理的!