react-redux 相关问题

Redux的官方React绑定

世博会,java.net.SocketTimeoutException:连接失败

是 React Native Expo 的新手,我需要在我的项目中添加一些新模块。 “expo”:“33.0.0”,“react”:“16.8.3”,每当我尝试运行我的项目时都会......

回答 6 投票 0

如何去除vscode中的inlay提示?

我如何删除/禁用这些帮助文本?我在使用react/js/ts等时得到这些...... 我尝试禁用所有扩展程序,但它没有解决问题,所以我认为我的问题不是

回答 1 投票 0

如何删除 vscode 中不需要的帮助文本?

我如何删除/禁用这些帮助文本?我在使用react/js/ts等时得到这些...... 我尝试禁用所有扩展程序,但它没有解决问题,所以我认为我的问题不是

回答 1 投票 0

React 检查来自包装组件的访问

我想在单击按钮之前(或在按钮 onclick 函数触发之前)检查 WrapperComponent 的用户访问权限。 这是按钮组件 我想在单击按钮之前(或在按钮 onclick 函数触发之前)检查 WrapperComponent 的用户访问权限。 这是按钮组件 <UltimateButton btntext="+ New document" classes="btn-primary" handleClick={create_new_doc}/> 这里handleClick 触发onClick 函数(create_new_doc)。假设我有一个 WrapperComponent <AccessControl> 来包装这个按钮组件。我想在 create_new_doc 被触发之前单击 AcceessCOntrol 时检查访问权限。 我是这样写的 import React, { Children, cloneElement } from "react"; const AccessControl = ({children}) => { const checkUserAccess = () => { console.log('Access denied') } return {...children} } export default AccessControl; 现在,如果 AccessControl 中的访问被拒绝,那么 create_new_doc 将不再触发。我怎样才能实现它。我也尝试过克隆元素。 这个会这样使用 <AccessControl> <UltimateButton btntext="+ New document" classes="btn-primary" handleClick={create_new_doc} /> </AccessControl> 您可以通过多种方式做到这一点。如果您想保持类似的流程(使用访问包装器),那么您应该让包装器本身处理单击以有条件地呈现按钮。 这是一种简单的方法来做到这一点(如上所述,有很多方法可以做到这一点,如果您想要不同的版本,请告诉我): import React from "react"; const AccessControl = ({ hasAccess, handleClick, children }) => { const handleButtonClick = () => { if (hasAccess) { handleClick(); } else { console.log('Access denied'); } }; return ( <div> {hasAccess ? ( children ) : ( <button disabled onClick={handleButtonClick}> Access Denied </button> )} </div> ); }; export default AccessControl; 用法: <AccessControl hasAccess={checkUserAccess()}> <UltimateButton btntext="+ New document" classes="btn-primary" handleClick={create_new_doc} /> </AccessControl>

回答 1 投票 0

Redux 状态不会随着操作调度而更新

我已经浏览了我能找到的所有文档和示例项目,用于使用 Redux 和 React-router 构建 React 应用程序,但我似乎不知道如何让我的 Redux 状态变为...

回答 2 投票 0

Redux 订阅似乎不起作用,因此我的页眉和页脚未显示

我正在开发一个使用 Redux 进行状态管理的 React 应用程序。在我的布局组件中,我尝试仅在有用户的情况下显示页眉和页脚,但我面临一个问题...

回答 3 投票 0

登录时设置 userId 时出现 Redux 问题

我正在尝试react redux,但我被困在这里,所以实际上当我点击登录时,我将 data.userid 存储到reducer中,并且在预订时我试图访问用户id,但不幸的是我希望得到 null

回答 1 投票 0

防止 redux 将重复的商品添加到购物车

我正在使用 redux 将产品放入 React Native 项目的购物车中。目前它可以正常工作,但我可以添加重复的项目。我想阻止这种情况发生。 修改reduce的最佳方法是什么...

回答 4 投票 0

Redux 工具包通过按钮操作进行查询

我正在使用 Redux Toolkit(React Native)和 useGetGenreMoviesQuery 挂钩在页面加载时获取电影。 const { data, isLoading, error } = useGetGenreMoviesQuery(page); 现在,我想触发...

回答 1 投票 0

如何在redux-toolkit中正确存储action.payload?

我正在使用 redux 工具包从 API 中获取用户并将用户的状态保存在商店中。 用户商店:{ 用户:[], 加载:真实 } } 这显示在 firefo 中的 redux-toolkit 开发工具中......

回答 2 投票 0

更新 redux 存储中的对象数组

以下是我的组件,它触发操作并监视更改: 从“@mui/material”导入{框、按钮、堆栈、文本字段、版式}; 从“react&q...

回答 1 投票 0

使用react-redux useSelector和typescript

当尝试使用react-redux typescript的新useSelector钩子(参见下面的示例)时,会出现该函数不存在的错误: 模块 '"../../../node_modules/@types/react-redux"' 没有

回答 1 投票 0

RTK 查询错误返回我自己的 html 而不是 API 响应

在我的项目中,我使用 Redux Toolkit Query 从 API 获取数据。当我在我的组件上使用它时,它会给我 PARSIN_ERROR,因为它返回我自己的 html 基本模板而不是 API

回答 1 投票 0

第二次删除时删除索引不正确

我正在尝试使用索引调用的删除功能。页面加载时,数据被检索并显示在表格上。我将对象转换为对象数组以将其显示在桌子上。 示例 - 我有...

回答 1 投票 0

RTK:如何在突变成功后运行重新获取

我想在突变成功后调用 refetch 函数: const [joinTeam] = useJoinTeamMutation(); const { 重新获取 } = useGetTeam(slugName); 我尝试这样做: leftTeam().then((res:any) =>...

回答 1 投票 0

应用程序反应只出现白屏,我都尝试了

我试图在本地主机上打开一个反应应用程序,但没有任何效果。仅出现白屏。 “src”文件夹是否必须位于“public”内?

回答 1 投票 0

存储在本地存储中的数据返回未定义,直到在 React 中重新加载页面

我正在开发一个应用程序,该应用程序在登录时将角色存储到本地存储。该角色应该将用户重定向到所需的页面。但在保存时,它返回为未定义。我必须重新加载...

回答 1 投票 0

Redux 工具包 RTK 查询突变未获取返回数据

嗨,我最近学习了带有 rtk 查询工具的新 React 工具包,并且我正在尝试使用 rtk 包中的 createApi 来组合登录系统。 在登录测试后...

回答 3 投票 0

react-image-annotate - 如何保存图像和注释?

npm 包react-image-annotate 提供了一个不错的react 组件来注释图像。 该组件使用名为 的标签作为注释窗口。它有一个叫做o...

回答 1 投票 0

TS2339:类型 {}

我在打字稿中使用react-redux并收到错误 从“../store.ts”导入类型{RootState}; 从 '@reduxjs/toolkit/query' 导入 { fetchBaseQuery } 导入类型 {BaseQueryFn,Fet...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.