问题标签 [react-state]

假设我在一个 React App 中有 3 个组件。App组件、Items组件和Item组件。

我的状态在 App 组件中。现在我想通过 id 从状态中删除一个项目。onClick 函数在 Item 组件中。Item 组件的 id 将 Items 组件扔到 App 组件。

我已经使用 .bind 方法进行了尝试，并设法将数据项 2 传递给项。

在我的项目中，我想显示一个组列表。每个组都有不同的任务，它们依赖（或不依赖）其他任务。我从数据库中获取的列表如下所示：

一种解决方案是将整个数据作为数组写入状态。但这意味着，每次我完成一项任务时，我都会过滤整个数组，并且必须更新整个状态。因此，我想知道如果在从数据库中获取数据后过滤和排序数据是否更有效。状态将如下所示：

我的想法是，现在只需更新包含任务的组对象，而不是整个状态。

这是否有意义，或者是否不必要地使代码过于复杂？

在我的项目中，我使用react-native-tags从用户那里获取不同的颜色变体。

这是代码：

现在，在运行项目后，我添加了一些标签。标签添加成功。然后我继续添加另一个标签，但拼写不正确，所以我删除了第一个字符，但以前的标签也自动删除了。

另一个问题是，如果我想在添加一些标签后删除标签，我无法删除该标签。

这是问题 gif：

请帮助我这里出了什么问题！

注意： 仅当我将状态值用作initialTags. 如果我保持initialTags空白数组，那么一切正常。

为什么我第一次点击“立即购买”时，在我的父类状态下，cartAddedCount 为 0，itemNum 为空，第二次点击，cartAddedCount 为 1，itemNum 为 1

然而，SCart 在count第一次点击时获得 1，在第二次点击时获得 2，依此类推。

我该如何解决这个问题？

有什么简单的方法可以将组件的状态转换为默认状态。

通常我通过设置如下的默认值来为此创建一个函数。有没有其他方法可以代替这个？

react js中是否有任何预定义的函数。

提前致谢。:)

我正在使用 Reactjs 开发天气预报应用程序，但我很难获取/显示 API 数据

我知道这个问题可能有重复，但我已经在这个平台和其他地方查找了所有相关的问题/解决方案，但没有一个能解决我的问题

我想在提交表单时在浏览器控制台上显示来自 API 的所有数据，但无济于事......并且没有错误消息。请问有人可以帮忙吗？

我一直在尝试通过状态将 API 调用获得的数据发送到子组件，但它似乎不起作用。

我一直将对象的每个单独属性作为道具发送给子组件。

有没有办法将整个 JSON 响应作为道具发送给子组件？

我希望数据对象也被传递给孩子，但它没有，我得到一个崩溃屏幕，指出数据对象未定义。

有没有办法将 API 调用中获得的整个 JSON 作为道具发送给子组件？

经过一系列代码试用后，我无法将 API 中的 JSON 文件存储到状态中

在完全实现之前，我一直在尝试在浏览器控制台控制台上显示 JSON 响应。我有这个代码：

但我没有返回包含 JSON 对象的响应，而是得到了这个响应。请问我该如何解决这个问题？

我正在尝试从db.json显示中获取数据Cards。details数组中有两个对象，因此Cards.tsx假设生成两个SimpleCard. 它抛出this.state.card.map is not a function这个错误。谁能让我知道我在哪里犯了错误？

SimpleCard.tsx

卡片.tsx

应用程序.tsx

db.json

我在登录表单中遇到了重新渲染和内存泄漏的问题。目标是有一个组件来检查上下文的 JWT 是否有效，如果有效则重定向。但是，当登录和更新上下文时，上下文在无论如何都应该重定向时会导致重新呈现。解决方案是什么？

编辑：问题似乎是我在身份验证上重新渲染了两次：一次在登录中，一次在 SecuredRoute 中。有没有更优雅的解决方案？

useValidateToken.js

登录.js

Route 使用自定义组件进行保护。这样做是为了保护路由并在存在无效令牌时重定向到登录。

应用程序.js