问题标签 [react-state-management]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
133 浏览

javascript - 状态更改时道具不会更新

我正在开发一个需要异步获取一些数据并将状态保存在父组件中但还将数据引用传递给子组件的应用程序。问题是一旦在状态中加载数据,道具就不会更新到新状态。我怎样才能使它在父状态更改时自动更新道具?

这是我的代码:

正如您在我的示例中看到的那样,我正在尝试登录this.props.ethereum按钮单击。不幸的是,它不会注销App组件中可访问的数据(在 Chrome React 工具中可见)。

编辑: 我误读了我的日志。道具正在更新,但getContainerClasses()状态更改时不会触发。

基本上我想要做的是在数据尚未加载时隐藏内容并尽快显示它。

0 投票
2 回答
71 浏览

javascript - 反应表单重置

}

**我似乎无法弄清楚我的代码有什么问题。我想使用与提交相同的函数来重置状态。在将内容推送到数组后,我尝试设置状态,但无论我做什么,状态都保持不变。我是一名新开发人员,所以我为这个简单的问题道歉。**

0 投票
1 回答
779 浏览

reactjs - 如何从 react-select multi 更新反应状态?

我正在学习做出反应并尝试根据所选元素更新反应状态。我正在使用反应选择。它现在显示所有数据。但是当我从选择框中选择选项时,我想更新数据。如果我选择多个选项,那么它应该更新过滤所选选项的状态。

提前感谢您的帮助。这是来自codesandbox的代码,以便您可以检查上面的代码 https://codesandbox.io/embed/jlro0vo4n3?fontsize=14

0 投票
0 回答
216 浏览

reactjs - 如何在反应和d3 svg填充中重新渲染状态

我有 3 个具有不同值的单选按钮。我希望能够根据单击的单选按钮更改 svg 的填充颜色。现在我有一个反应组件,当单击单选按钮时更新状态。但是,当我单击单选按钮时,没有颜色发生变化(填充值)。因此,我想知道是否有一种方法可以重新渲染对象,以便填充颜色根据单选按钮而变化?

包含 D3 的矩形元素的单独 JS 文件

0 投票
1 回答
1110 浏览

javascript - 当状态改变时从状态变量更新数据库

我要做的是在按下保存按钮时使用状态变量更新我的数据库。在保存处理程序中,将新值添加到 this.state.saved 列表并调用 updataDatabase 函数。问题是当按下按钮时 setState 不会更新状态变量,因此数据库中没有任何更新。我的问题是:如何让 setState 更新组件以便更新数据库?这是我的代码

0 投票
1 回答
3954 浏览

javascript - Material UI 为 React js 项目提供的选项卡中的导航问题

我在我的项目中使用 React Js 和 Material UI Tabs 组件在 2 个组件之间导航。

当我通过单击转到选项卡 2 或选项卡 1 时,我的组件会呈现并且路径会更改,但选项卡指示器不会在活动选项卡上更新。

我已经尝试更新按钮单击的状态,但它不起作用

我希望当我单击 Tab1 时,它应该转到 Tab1 并在 Tab 1 上呈现带有 Tab 指示器的组件,当我单击 Tab 2 时,它应该转到 Tab 2 并在选项卡 2 上呈现带有 Tab 指示器的 Tab 2 组件 在此处输入图像描述

0 投票
1 回答
700 浏览

reactjs - 如何为 React Action Hook Store 定义 Typescript 属性和类型

在Tanner Linsley在这里描述的“动作挂钩模式”之后,我正在使用挂钩创建一个反应状态管理存储。

我正在学习 Typescript 并尝试使用它创建此项目,但在调用自定义挂钩以使用商店时不断遇到错误:

'() => { Provider: ({ initialValue, children }: { initialValue?: {}; children: any; }) => Element; useStore: () => any;}' ts(2339)

我用普通的反应测试了它并且它正在工作,所以这是 Typescript 的类型或属性定义问题。

创建通用商店(无打字稿错误):

存储操作挂钩(两个 useStore 实例都会显示错误):

非常感谢任何建议。

0 投票
1 回答
149 浏览

reactjs - 值没有被“this.setState({value})”存储在“状态”中

我从“解码的令牌”中获取“用户”并将该用户设置为状态,但是尽管“用户”具有值,但值并未存储在状态中。

这是我的代码。

但用户没有被存储在状态中。请帮忙。

0 投票
3 回答
453 浏览

javascript - 从父级传递给子级的道具并将这些道具设置为状态不会立即起作用

我正在构建一个应用程序,我从我的 Nodejs 应用程序中获得“投诉”。然后我将这些投诉作为道具传递给子组件。在子组件中,我将这些道具设置为ComponentDidMount(). 但是render()函数首先被调用,所以它不会在屏幕上显示任何内容。状态不是立即设置的。请帮忙。我从2天开始挣扎。

这是父组件

这是孩子

问题是,与状态一样,行是空的.ie []。在componentDidMount()我将即将到来的道具设置为这个“AllComplaints”组件的状态。

我想将“props”值设置为“this.state.data.rows”。但这并没有发生。设置需要时间,但render()首先调用它,因此它不会在屏幕上显示任何内容。

请帮忙。

0 投票
0 回答
382 浏览

wordpress - 如何按类别使用自定义 WordPress Gutenberg 块呈现我的帖子?

我一直在尝试创建一个 Gutenberg 块,在我的 WordPress 编辑页面上将类别列表显示为复选框,然后在前端页面上显示链接到所选类别的帖子列表。

我已成功添加编辑页面的复选框。当我选择类别,更新,然后刷新页面时,它们保持我之前离开它们的方式。

但我似乎无法弄清楚如何进行 API 调用以获取链接到我选择的类别的帖子列表。

这是我的编辑代码和属性:

这是我的保存代码:

我希望能够获取this.state.postsArray, 循环并显示我的帖子,但this.setState似乎没有工作并且正在this.state.postsArray返回“未定义”。

我写了计时器,认为它可以帮助我更新内容this.setState

我的主要目标是根据所选类别显示帖子列表。