问题标签 [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 回答
1047 浏览

reactjs - 如何从反应中的多个字段中获取相同输入类型的值?

我必须从相同的输入类型(例如:电子邮件类型)中获取值,这在我的 render() 方法中:

我对此没有限制。状态值、handleChange、addMemberHandler 方法

我的问题是:我怎样才能在我的状态下获取所有电子邮件(用户输入的),以便 onSubmit 我将发送数组中的所有电子邮件?

基本上我怎样才能动态地为每封电子邮件维护不同的状态?

0 投票
4 回答
327 浏览

reactjs - 当子状态实际上从父级引用道具时,为什么父级道具不等于子状态

我正在将来自 Parent 组件的 props 传递到 Child 的状态,但它们不同步。

我尝试了什么:

  1. 状态更新可能是异步的,我已经使用回调而不是返回对象来处理这一点。
  2. 对象是通过引用传递的,但我使用的道具是一个字符串。

我正在使用 React 16 和 es6 语法

这里是一个codepen PEN - 注意redered元素应该根据状态隐藏(状态取决于父级的道具)

控制台显示我的道具和状态不相等

0 投票
2 回答
5976 浏览

reactjs - react的map函数中的setState

我的要求是更新 componentWillReceiveProps 的 map 函数中的状态值。

在控制台日志中,我得到的只是 1,但 sub.subscribed 包含 0 和 1

控制台窗口参考:http: //prntscr.com/jqifiz

这是在reactjs中更新状态的正确方法吗?

0 投票
1 回答
291 浏览

reactjs - 我应该使用 React State 进行用户交互(切换可见性类)吗?

我正在开发一个 UI 库,我的一些组件会根据用户的一些交互来改变它们的“状态”。

例如,用户单击手风琴面板的标题会导致手风琴面板打开并变得可见。这种状态是通过将visible修饰符添加到手风琴面板来实现的,如下所示:

我之前的假设是 React State 应该用于根据一些后端数据重新渲染组件。但是,基于查看其他 UI 库等的源代码,它们似乎也在使用 React State 处理 UI 状态。

所以使用 React,我可以通过使用原始 DOM API 来实现我想要的(如这里的示例所示 - https://reactjs.org/docs/refs-and-the-dom.html):

这一切都很好 - 但我本质上是从 React 组件中进行 DOM 操作,我经常阅读应该避免。在这种情况下,我应该使用 React State 和 Refs(而不是直接的 DOM 操作)。为了实现与上述相同的目标,我相信我可以做到:

(我知道上述代码段的行为会关闭兄弟面板,第一个代码段不是这种情况,但这是微不足道的,可以忽略)。

所以我的问题是,我应该为此使用 React State(即后一个示例)吗?

感觉如果我的应用程序基于不需要/修改/发布/更新/获取/接收数据的用户交互显示/隐藏/打开/关闭 UI 元素,那么 React 实际上不应该关心它们。

但最重要的是——这取决于偏好吗?是否应该由来决定 React 是否应该关心这个?归根结底,React 是一个工具,我目前正在使用该工具在后端免费环境中创建和渲染 UI 组件。我现在真的很困惑,不确定我是否真的能看到state在这种情况下使用的好处。

谢谢!

0 投票
1 回答
1111 浏览

javascript - 如何根据 props 更新 React 组件状态

每当道具发生变化时,如何强制反应组件更新状态?

我一直在使用这个方法:

控制台显示 nextProps 是已定义的值,但 this.state.key 仍未定义。

谢谢!

0 投票
3 回答
40 浏览

javascript - ReactJS - 如何更新嵌套和“正常”状态属性?

这就是我的state样子:

这就是我修改的方式state

属性car已更新,但未更新fetchPriceBtn- 的输出console.log(this.state.fetchPriceBtn);仍然是GO!

我在看什么?为什么fetchPriceBtn不更新?

0 投票
1 回答
572 浏览

reactjs - React Js 中的聚光灯

我使用 react js 创建了聚光灯。我无法单击它下面的对象。我尝试将 pointerEvents: 'none' 应用于样式,但这并没有引起人们的注意。我应该如何使下面的对象可点击?

这是代码: -

这是另一个组件:-

0 投票
1 回答
74 浏览

forms - 与很多孩子,父母状态反应形式

我有一个表单,它基本上是一个复选框(数百个)矩阵,并且有一个标题文本输入。

这些行中的一些东西:

以前,我将全局状态保存在父级中,但是单次检查需要很长时间,因为每个单元格都会触发渲染。

现在,我在每个单元格中都有状态(检查真/假),所以它更快。我不能真正使用onChecked将状态提升到父级的函数,然后我又回到相同的缓慢模式。

我的问题是:父母应该如何保存全局状态(例如,我可以将它发送到服务器)?

我正在考虑将所有数据保存在与状态无关的变量中(在父级中,例如 this.data),因为每个孩子都在处理自己的状态。

谢谢

0 投票
0 回答
43 浏览

javascript - 反应传播运算符在嵌套状态更新时抛出错误

我正在尝试更新我的 React 登录组件中的嵌套状态以处理对登录表单字段的更改。

登录容器组件

登录表单组件

似乎编译器没有识别出...扩展运算符显然需要更新嵌套状态。

我发现许多解决方案都使用这种精确的语法,我在这里缺少什么?

社论形式的非修辞附带问题:

为什么更新嵌套对象的状态这么难。为什么设计 React 的人会假设开发人员在大多数情况下会使用嵌套对象以外的任何东西来表示状态我觉得 React 确实需要做得更好来支持更新这些类型的操作。怎么样..

实现起来真的那么难吗?

0 投票
1 回答
1393 浏览

javascript - 将项目推送到空的 State 对象数组中

我正在尝试将新项目推入State arrayof objects,面临一些问题。下面是我的代码。我确定我出了点问题

componentWillReceiverProps我得到array然后映射它以将值推入state array,但最后我在数组中只得到一个值,但props array有 11 个值,我只在我的state array. 希望能得到一些帮助。