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

android - flutter bloc pattren Stream Transformer 对象导致语法错误

我是FlutterDart语言的新手。在按照教程进行操作时,我创建了一个具有 2 个StreamTransformers的验证器类,这是为了尝试bloc pattren,用户将在 2 个TextFields中键入电子邮件和密码,因此每次文本更改时都会对其进行验证。

如果我使用传入的电子邮件密码,我会在FromHandler构造函数中的那个验证器类中遇到大量错误,但是当我将它们放在我在这里所做的if 语句中时,它们不会被识别为字符串对象,那就是如您在下面的屏幕截图中所见,此处的错误原因。

验证器文件错误

除了他们bloc文件也有几个错误,如下面的第二个屏幕截图所示:

bloc 文件错误

颤振版本:0.5.1 飞镖版本:2.0

有关完整代码,请查看此 repo 中的login_stateful_bloc文件夹: https ://github.com/touseefbsb/LoginStateful

0 投票
2 回答
2179 浏览

javascript - 如何在渲染和存储会话之前进行 axios 调用?

我已经尝试了很多教程,到目前为止,我可以显示项目并了解一点 React。

URL结构是

2的查询字符串存储在里面pageID

然后我触发 ajax 调用并过滤数据库以仅显示该数据.find()

这是WorksPage.js列出公司工作组合项目的文件。

我的 JSONworks.json

到目前为止,{this.state.itemList}返回空白。汽车列表循环也不起作用。Console.log 将返回result如果我在之后执行 console.log 的数据this.setState

0 投票
1 回答
42 浏览

reactjs - 在 ReactJS 中 bind(this) 实际上在做什么?

上面的行实际上在做什么?我是新手,所以请以技术的方式给出一个基本的解释(为了我的理解)

0 投票
1 回答
906 浏览

javascript - 如何从 React 类外部更改模态状态?

我试图通过从反应类外部更改状态来调用我的模式。但到目前为止还没有运气。我尝试了以下方法:

我有一个名为 Portfolio 的方法,一旦用户单击图像,它就需要激活模式

这是包含状态和模式的类。但我不能改变状态来激活模态。

我正在尝试从 Portfolio 功能激活模态。但由于它在类范围之外,我无法访问该状态。有没有办法做到这一点?

0 投票
1 回答
874 浏览

reactjs - 保留路由之间的状态?

在 React.js 中保留路由之间的状态是否有一个通用的解决方案?

我不完全确定我问的是正确的问题,但在这里澄清一个例子:

你在谷歌上搜索一些东西,向下滚动页面并点击一个链接。当您点击后退按钮时,您将返回到相同的搜索,甚至是您离开的相同滚动点。

0 投票
3 回答
101 浏览

javascript - react 不会在 props 更新时重新渲染

这是我renderFormEl组件方法。

clicked方法中,我childcount使用 1更新setState

这是Inputs

但是,当我更新childcountin 时clicked,我可以看到FormEl重新渲染,countin<Inputs..相应增加。但它不会调用除第一次(页面加载)时间之外constructor的其他时间。Inputs

0 投票
1 回答
1422 浏览

javascript - 无法读取未定义 React JS 的属性“concat”

尝试在此组件的状态内将对象添加到数组中,无法将新对象连接到数组而没有“属性未定义”错误。

我已经能够让它在带有数组的“浅”状态下工作,但希望拥有,更愿意让它在内部使用单独的数组。

国家

更新状态的方法,制作“控件”(分钟、秒、开始等)的副本,将状态重置为其初始值,获取状态的副本并将其应用于数组:

0 投票
1 回答
435 浏览

reactjs - 从表中删除行(无法读取 null 的属性“数据”)

我是 Gatsbyjs 和 reactjs 的新手,但我仍然不太了解 props.and states 的工作原理。

我正在构建这个简单的应用程序,它从 API 获取客户列表和每个客户的任务列表。

我正在使用 Reach/Router 来渲染组件。一切都按预期工作,以显示带有客户列表的表格,当我单击客户时,会呈现一个新页面,该页面显示该客户的任务列表。

现在,我正在尝试使表格可编辑。我首先尝试简单地删除一些行。这就是我卡住的地方。

编辑

我相信我得到了错误,Uncaught TypeError: Cannot read property 'data' of null因为我试图访问由fetch.js类管理的数据(状态)。如何将数据(状态)传递给 ClientTasks 类?

---

我有以下代码

index.js

main.js

获取.js

我使用这个文件作为一个单一的类组件来帮助我为我正在显示的表(客户和任务)获取数据。它按原样工作正常。可能有更好的方法来做到这一点,但现在我就是这样做的。欢迎任何指点。

客户.js

这是我展示客户表格的地方。我有每个客户的链接,并在“到达/路由器”的帮助下呈现客户任务表。

ClientTasks.js

再次调用 Fetch 并使用从 API 中提取的数据填充表。我用另一个文件来定义这个表的内容。listTasks.js

>

在这里,我有一个在文件内onClick运行的函数。handleDeleteClientTasks.js

如果我console.log(taskstobedeleted)然后控制台向我显示我试图删除的行的内容。这是我得到的。然后我试图在其中使用以下函数,clientasks.js但我在控制台中遇到错误说Cannot read property 'data' of null),我相信这是因为数据的道具是此类可访问的clientTasks

我还在学习,有更好的方法来构建代码,但是我碰壁了,我不想从头开始重建应用程序,如果我这样做了,我可能会使用 redux,但这是以后的另一课。我认为我的这个项目足够小,还不需要 Redux。

可以以某种方式给我有关如何删除表格行的任何指示吗?

Listtasks.js

0 投票
0 回答
288 浏览

reactjs - react context provider在渲染方法中抛出错误

我正在试验反应上下文 API,这是我正在处理的代码:

渲染方法中的“提供者”引发以下错误:

在此处输入图像描述

"JSX element type 'ReactElement<any> | null' is not a constructor function for JSX elements.Type 'null' is not assignable to type 'ElementClass"

在反应声明文件中'Provider'已被声明,我认为它已被正确声明,或者我可能错了!

我正在使用以下版本:

0 投票
1 回答
1100 浏览

reactjs - React ChartJS 防止新数据在重绘后被添加到状态中?

我正在尝试使用 react-chartjs-2 更新我的图表。我正在使用日期选择器来过滤不同的数据并相应地重新渲染图表,例如显示今天、昨天、过去 7 天的数据等。数据正在从我的数据库中获取

但是,当图表被重绘并重新渲染时,它会被添加到我不想要的状态中。我只是想重新渲染请求的新数据而不是重新渲染并添加到图表中的旧数据中。

实际上,我之前使用 vanilla JavaScript 解决了这个问题,因为我没有使用 react 我使用destroy()了图表文档说要使用的方法,但我不确定如何将它与 react 一起使用?

因此,经过进一步检查,我的图表似乎重新渲染得很好。然而,当它被重新渲染时,额外的数据被添加到我不想要的我的 chartData 状态,我只希望被请求的新数据显示在图表上。我仍在试图弄清楚那部分。

这是我的代码,我有很多,所以我只会显示相关部分: