Reactjs 如何使数据获取与Redux工具包和React挂钩一起工作?
我正在尝试Redux工具包文档中的示例: 演示: 它是有效的 然后我试着用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(); 发送(用户接收(数据)); }; 演示: 但如果没有为关键“用户”提供减速机,并且存储区没有有效的减速机
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?更好的是,所有内容都在组件之间缓存和同步。是的,这就是为什么我现在仔细研究你的代码。