Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.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
Reactjs 如何使数据获取与Redux工具包和React挂钩一起工作?_Reactjs_Redux_Redux Toolkit - Fatal编程技术网

Reactjs 如何使数据获取与Redux工具包和React挂钩一起工作?

Reactjs 如何使数据获取与Redux工具包和React挂钩一起工作?,reactjs,redux,redux-toolkit,Reactjs,Redux,Redux Toolkit,我正在尝试Redux工具包文档中的示例: 演示: 它是有效的 然后我试着用 constfetchusers=()=>async(dispatch)=>{ 分派(usersLoading()); const response=等待获取(“https://jsonplaceholder.typicode.com/users"); const data=wait response.json(); 发送(用户接收(数据)); }; 演示: 但如果没有为关键“用户”提供减速机,并且存储区没有有效的减速机

我正在尝试Redux工具包文档中的示例:

演示:

它是有效的

然后我试着用

constfetchusers=()=>async(dispatch)=>{
分派(usersLoading());
const response=等待获取(“https://jsonplaceholder.typicode.com/users");
const data=wait response.json();
发送(用户接收(数据));
};
演示:

但如果
没有为关键“用户”提供减速机,并且
存储区没有有效的减速机,则会出现错误。


如何让它发挥作用?函数
fetchUsers()
,它属于
Users.js
还是
usersSlice.js
,在使用Redux Toolkit的数据获取机制中,是否还有其他需要更改的内容?

您已将用户操作的导出添加到用户切片,但仍在整体导入userSlice reducer以创建存储

export const { usersLoading, usersReceived } = usersSlice.actions

由于您没有导出切片,因此无法访问切片。您还需要使用
导出默认usersSlice.reducer
导出切片,以便
从“./features/users/usersSlice”导入usersReducer”再次工作

只需使用react query,不用麻烦使用全局客户端状态管理来处理服务器状态。@Domino987 react query是否提供像Redux一样的“唯一数据存储”?但是,假设项目需要与Redux一起工作,或者团队决定使用React和Redux或Redux Toolkit?更好的是,所有内容都在组件之间缓存和同步。是的,这就是为什么我现在仔细研究你的代码。