问题标签 [react-lifecycle-hooks]

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 投票
2 回答
36 浏览

reactjs - 当在屏幕上显示来自 React 的 useState 钩子的值并且除非在操作下才重新渲染时,使用哪种策略?

我有一个由三个参数生成的报告。一个用户和 2 个范围日期字段。

例如: 在此处输入图像描述

填写完所有字段后,可以通过Gerar按钮生成报告。

例如,当生成时: 在此处输入图像描述

我不知道如何处理的问题现在发生了。当任何字段的值发生更改时,报表会再次呈现。以及报头报告的MotoristaPeríodo字段的值,因为这些值来自参数。

这是我的代码:

useState参数挂钩:

useState指示何时显示报告或不显示:

Gerar button

handleEventsFromMatrix(), 调用将数据带入报告的端点的函数:

这是显示Informe o motorista eo período para o qual você deseja gerar relatório de diários de bordo消息或带数据报告的验证规则。renderPDF钩子以 false 开始以带来消息,当请求成功完成时,将其变为 true,带来带有数据的报告。

信息:

显示带有数据的报告:

我在这里想念什么?

0 投票
2 回答
569 浏览

reactjs - 用于 API 调用的 React componentDidMount 与 useEffect 挂钩

当我尝试使用 in useEffect 钩子(在组件挂载之前)进行 API 调用时,不知何故状态没有得到更新,因此出现错误Cannot read property of undefined

但是,如果我将相同的逻辑转换为 Class 组件并在 componentDidMount 函数中进行 API 调用,则代码运行良好。

谁能告诉我为什么?

使用 useEffect

基于类的组件

0 投票
2 回答
253 浏览

javascript - React 功能组件 useEffect 挂钩,在类组件生命周期中具有相等的依赖关系

我在具有依赖关系的功能组件中使用 useEffect 挂钩,以便依赖关系发生变化,useEffect 函数将像这样重新运行:

我想知道反应的类组件中有什么可以像这样做?是否有任何生命周期方法具有此功能?

0 投票
1 回答
21 浏览

reactjs - ReactJs:如何执行取决于在 componentDidUpdate 内部调用的 setState 的结果的函数

我有这个类可以为不同的对话加载消息:

每次用户单击新对话时,我都会使用此功能重置状态resetMessages

这是它的定义:

这样当函数在它之后执行时,loadAnotherSetOfMessages它的定义如下:

使用带有 value和value的初始state参数,因为这是一个全新的对话。page0messages[]

我面临的问题loadAnotherSetOfMessages是该函数不是使用重新初始化的状态参数执行的0[]而是使用先前对话的最新值执行的。
例如,如果之前的对话已经加载到页面5,那么它将使用5而不是0.
我该怎么办?