问题标签 [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.
reactjs - 当在屏幕上显示来自 React 的 useState 钩子的值并且除非在操作下才重新渲染时,使用哪种策略?
我有一个由三个参数生成的报告。一个用户和 2 个范围日期字段。
填写完所有字段后,可以通过Gerar按钮生成报告。
我不知道如何处理的问题现在发生了。当任何字段的值发生更改时,报表会再次呈现。以及报头报告的Motorista和Perí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,带来带有数据的报告。
信息:
显示带有数据的报告:
我在这里想念什么?
reactjs - 用于 API 调用的 React componentDidMount 与 useEffect 挂钩
当我尝试使用 in useEffect 钩子(在组件挂载之前)进行 API 调用时,不知何故状态没有得到更新,因此出现错误Cannot read property of undefined
。
但是,如果我将相同的逻辑转换为 Class 组件并在 componentDidMount 函数中进行 API 调用,则代码运行良好。
谁能告诉我为什么?
使用 useEffect
基于类的组件
javascript - React 功能组件 useEffect 挂钩,在类组件生命周期中具有相等的依赖关系
我在具有依赖关系的功能组件中使用 useEffect 挂钩,以便依赖关系发生变化,useEffect 函数将像这样重新运行:
我想知道反应的类组件中有什么可以像这样做?是否有任何生命周期方法具有此功能?
reactjs - ReactJs:如何执行取决于在 componentDidUpdate 内部调用的 setState 的结果的函数
我有这个类可以为不同的对话加载消息:
每次用户单击新对话时,我都会使用此功能重置状态resetMessages
:
这是它的定义:
这样当函数在它之后执行时,loadAnotherSetOfMessages
它的定义如下:
使用带有 value和value的初始state
参数,因为这是一个全新的对话。page
0
messages
[]
我面临的问题loadAnotherSetOfMessages
是该函数不是使用重新初始化的状态参数执行的0
,[]
而是使用先前对话的最新值执行的。
例如,如果之前的对话已经加载到页面5
,那么它将使用5
而不是0
.
我该怎么办?