AWS Amplify Storage.put() 无法读取未定义的属性（读取“byteLength”）

[英]AWS Amplify Storage.put() Cannot read properties of undefined (reading 'byteLength')

我创建了一个放大反应本机应用程序并手动附加了一个 S3 存储桶，当我调用 function“Storage.put()”时它显示了这个错误。 这是我的代码。 授权配置 ...

Swiper 示例不适用于开箱即用的 Next 13

[英]Swiper sample does not work with Next 13 out of the box

Swiper 不适用于 Next 13。页面顶部的 Swiper + 'use client'的默认 React 示例不起作用。 重现步骤： 使用此命令创建一个简单的 Next 13 应用程序： npx --yes create-next-app next --use-npm --js --es ...

防止单击按钮时更新所有组件

[英]Prevent update of all components on button click

我有一个对象数组，并使用 map 显示它们。与每个组件关联的“+”按钮。 我想在单击按钮时更新特定组件的计数。 我尝试使用以下代码。 但是，它也在更新所有其他组件的计数。 我该怎么做才能解决这个问题？ ...

我有一定数量的按钮，点击一个按钮应该只在 React Component 中显示它的内容

[英]I have a certain number of buttons, clicking on one should show content only for it in React Component

我有 3 个按钮，它们在组件中使用 map 通过 state 出现，但是当我单击这些按钮中的任何一个时，我会同时显示所有按钮的内容。 我不知道该怎么办了，我已经坐了第 3 天了，我什么也想不起来。 请帮助 我也试过使用 ref，但什么也没有出来 ...

Function 作为连续调用的道具发送 - React.js

[英]Function sent as props being called continuously - React.js

我正在制作一个新闻应用程序，我希望它有不同的类别，而不是使用 react-router-dom 进行导航我想做的是创建一个 state object 并在其中创建一个名为类别的键并将当前类别设置为它的值和我已将该密钥作为道具发送到新闻组件，我在其中获取新闻并将该类别嵌入到获取 URL 我做了一个 ...

ReactJS 代码仅在开发环境中可用

[英]ReactJS to have code only available in dev envrionment

我有一个 ContextProvider，它在生产中做的事情与在开发中有些不同。 背景是应用程序应该嵌入到 CMS 中，并且表单由 CMS 提供。 但是我是独立开发它的，因为 CMS 还在由其他人开发，因此我创建了自己的表单和 API。 我在开发环境中有两个 useEffect 挂钩，它们从我的模型 ...

当我创建 React Native 项目时出现错误

[英]When I create react native project it's give me error

我的节点和本机版本 运行 cmd 它给我这样的错误 在此处输入图像描述或者当我尝试使用 npm 在项目中安装任何 lib 时它也给我错误但是当我运行 yarn 它安装成功当运行纱线 cmd 时它正在工作当运行 npm 它给我这样的错误任何人都可以给我解决方案以及为什么会出现此错误我只是在出现此错误后 ...

升级 react-router Failed prop type: prop `history` 在 `Router` 中标记为 required，但其值为 `undefined`

[英]Upgrade react-router Failed prop type: The prop `history` is marked as required in `Router`, but its value is `undefined`

我将react-router@3.2.0升级到react-router@4.3.1并且出现错误： 失败的 prop 类型：prop history在Router中标记为 required ，但其值为undefined 。 也许有人知道如何解决这个问题？ ...

每当 state 更改时如何使反应查询无效？

[英]How to invalidate react-query whenever state is changed?

每当某个 state 发生更改时，我都会尝试使用 react-query 重新获取我的用户数据。 但是当然我不能在一个钩子中使用一个钩子，所以我不知道如何设置对这个 state 的依赖。 当前获取用户的代码是： 这很好用。 但是只要更改 gobal state 钱包，我就需要使它失效。 我想我可以 ...

React TreeSelect 注入自定义过滤逻辑

[英]React TreeSelect inject custom filtering logic

我一直在尝试更改 TreeSelect React 组件中的逻辑。 所以，我想做的是按值搜索，但使用修剪过的空格，例如，如果我们有条目： 狗猫鱼当输入“dog”时，它应该返回“dog”条目，简单地 - 忽略开头的空格，同时仍将它们保留在 UI 中。 我试过 但不幸的是，这会影响组件的工作方式，并且在 ...

如何在带样式的组件中使用事件处理程序

[英]How to use event handler with inside a styled component

注意：有一个 Index 组件和一个名称也为 index 的 useState 变量。 不要混淆。 我希望每次单击索引组件时，索引 useState 变量都会更新为该特定键值。上面的代码将内联事件处理程序应用于索引组件，但索引 state 变量在单击时未正确更改。在控制台记录索引一个字符串得到 o ...

为什么 map 停止呈现 ReactJS 中的标题？

[英]Why is map stopping rendering of a heading in ReactJS?

我仍然对 map 有点困惑。当我注释掉我的 h2 渲染的 map 时，我做错了什么？ 是的，我仍然想使用 fetch。 在我添加更多深度之前，我需要了解我做错了什么。 当我注释掉它呈现的 function 时。 ...

如何在连接和已连接之间切换

[英]How do I toggle between connect and connected

我有一个 MySQL 数据库，其中包含一个名为connectionList的数组。 用户的数组包含几个带有senderID和receiverID字段的对象，如果用户没有挂起的连接请求，则有时会为空。 我已经成功地通过数组映射将数据提取到浏览器。 但是，如果 connectionList 数组为空或不 ...

husky 和 lint 上演不美化代码

[英]husky and lint staged not prettifying the code

使用反应项目。 这是我的项目结构 这是我的 package.json git 在前端文件夹之外，我需要在提交时在前端安装 husky prettier ... 以上不起作用我在这里缺少什么？ 我只想美化而不是棉绒 ...

如何使用 react reducer 获取单个 object？

[英]How to get a single object by using react reducers?

我发现这个教程https://www.digitalocean.com/community/tutorials/react-crud-context-hooks描述了如何使用反应钩子和上下文构建 CRUD 应用程序 API。 假设 state 被描述为带有 object 的数组，并且在 appRe ...

如何在 iis 服务器中部署带有链接的 React App

[英]how to deploy React App with links in iis server

我有 React App，里面有多个链接。 当我首先在服务器中部署时它工作正常，当我刷新页面时它抛出：“404 - 找不到文件或目录。您正在寻找的资源可能已被删除、名称已更改或暂时不可用。 “ 错误。 我已经添加了 .htaccess 文件并尝试仍然相同 .htaccess 档案： ...

在 React js 应用程序的特定时间调用 function？

[英]Call function on specific time on react js app?

在我的 React js SPA 上，我需要每 5 分钟调用一次 function（获取 api 以刷新访问令牌）。 我首先想到的是 App.js： 问题是：假设用户刷新页面，或在 5 分钟之前导航到另一个页面，那么获取 API 的操作将再推迟 5 分钟，依此类推。 实现我期望的最佳方法是什么？ ...

当 axios.interceptors.response 处理错误时，如何阻止 React 完成渲染？

[英]How to stop React from finishing render when axios.interceptors.response handles the error?

我正在开发一个反应应用程序，我使用令牌和刷新令牌进行身份验证。 每当后端返回401时， axios.interceptors.response将其拾取并尝试刷新我的令牌。 如果成功，它将使用更新后的标头重新启动原始调用。 请参阅下面的代码： 这本身就很好用，但不能与我的一个组件中的以下代码结合使用 ...

在 React 中使用 axios 从 API 获取 ApexChart 数据

[英]Fetch ApexChart data from API using axios in React

使用 ApexChart 我设法显示来自本地常量的数据，但我无法显示使用 axios 获取的数据。 我无法获取数据结果、console.log 或错误管理图表选项的文件 显示图表的文件 我只得到选项。 我没有任何数据结果，没有控制台日志，也没有控制台错误 ...

如何使用 React.Js 在不打乱序列的情况下将特定的 object 推到对象数组的顶部？

[英]How to push a specific object at top of the array of objects, without disturbing the sequence using React.Js?

我在代码中遇到了一个小问题并寻求您的帮助。 问题描述：（我有一个对象数组（主要只有4个对象），每个object都有唯一的Id作为它的标识符主键。我有4个按钮，每个按钮的职责是改变里面对象的布局以特定顺序排列给定的数组。如何实现这一点？我正在使用 react.Js) 我拥有的资产： 一个包含 4 个 ...