Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 功能组件的redux钩子 我试图将redx转换为redux钩子。 所以我研究并找到了这个链接 我能做一些改变。 但无法继续下去。 如果你们能让我知道一个组件,那就太好了。 我可以为别人做。 -如果取消注释按钮导出,则可以看到没有挂钩的工作代码 下面提供我的代码片段。_Javascript_Html_Css_Reactjs_Redux - Fatal编程技术网

Javascript 功能组件的redux钩子 我试图将redx转换为redux钩子。 所以我研究并找到了这个链接 我能做一些改变。 但无法继续下去。 如果你们能让我知道一个组件,那就太好了。 我可以为别人做。 -如果取消注释按钮导出,则可以看到没有挂钩的工作代码 下面提供我的代码片段。

Javascript 功能组件的redux钩子 我试图将redx转换为redux钩子。 所以我研究并找到了这个链接 我能做一些改变。 但无法继续下去。 如果你们能让我知道一个组件,那就太好了。 我可以为别人做。 -如果取消注释按钮导出,则可以看到没有挂钩的工作代码 下面提供我的代码片段。,javascript,html,css,reactjs,redux,Javascript,Html,Css,Reactjs,Redux,useSelector以redux存储的状态作为参数,使用存储的状态返回所需的数据 const hackerNews = useSelector(state => state.channel); 下面是更新后的代码沙盒:基本上,您可以使用“useSelector”转换“MapStateTops” 因此: const mapStateToProps = state => ({ channel: state.channel }); 变成: const channel = useSel

useSelector以redux存储的状态作为参数,使用存储的状态返回所需的数据

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

下面是更新后的代码沙盒:

基本上,您可以使用“useSelector”转换“MapStateTops”

因此:

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

const channel = useSelector(state => state.channel);
使用“useDispatch”转换您的“mapDispatchToProps”

因此,您可以转换:

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


希望这有意义

嘿,你能在沙盒中更新吗,太令人困惑了:嘿,你能在沙盒中更新吗,太令人困惑了:
const mapDispatchToProps = { getPosts: fetchPosts, getAlert: displayAlert };
const getPosts = () => useDispatch(fetchPosts());
const getAlert = () => useDispatch(displayAlert());