问题标签 [react-lifecycle]

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 回答
295 浏览

reactjs - 跟踪状态中一个属性的更改

我有一个具有不同属性的状态。当状态中只有一个特定属性发生变化时,我想监听并触发一个动作。此属性是对象数组,当它更改时,我想将新更新的属性发送到父组件。我该怎么做?

0 投票
2 回答
49 浏览

javascript - 在 api 请求解决之前,componentWillMount 检查未定义

我有一个组件可以触发一些依赖异步 API 请求的方法。我使用 componentWillmount 检查一些道具。如果这个道具是true我触发一些功能,否则为假。但问题是,第一次 prop 是undefined,只有过一段时间才会变成falseor true。如何检查它并等待请求解决?

0 投票
1 回答
610 浏览

javascript - 在将道具传递给儿童之前反应检查 api 请求

我有一个Parent组件和Child一个组件,并且我有触发子组件中的一些 api 调用的操作,并且componentWillMount我检查了if一些props来自父组件并执行一些触发器的条件。如果条件为真,我会触发一个渲染新组件的方法。问题是在子组件中componentWillmountprops this.props.person没有this.props.notFound定义,但我需要在渲染之前等待 api 请求并检查这个道具。

家长:

孩子们:

0 投票
1 回答
1449 浏览

react-native - react-native-camera 条形码扫描仪冻结,因为它扫描速度太快

我正在尝试使用react-native-camera. 首先,它扫描二维码并提取一个字符串,然后导航到下一个屏幕react-navigation。在第二个屏幕中,它进行 API 调用。

现在,如果我返回扫描仪屏幕,将立即扫描二维码。那就是我遇到错误并且扫描仪冻结的地方。我通常会收到此错误:

我认为这是因为我的componentWillUnmount清理工作不正常或不够快,但我已经取消了 axios 请求。

也许我可以稍后安装相机扫描仪,这样它就不会扫描得这么快,或者它甚至可能是 React Navigation 的错误?

0 投票
2 回答
154 浏览

javascript - 如何在 compoentWillMount ReactJS 中使用 setState()

我是 ReactJs 的新手。我正在尝试使用它创建一个 firebase 应用程序。所以在 componentWillMount 我正在检查用户是否登录并根据它设置状态布尔值

但它显示 setState() 不是一个函数。

需要帮忙 :(

0 投票
2 回答
22725 浏览

javascript - 无法在未安装的组件上调用 setState(或 forceUpdate)

我试图在组件更新后从服务器获取数据,但我无法做到这一点。据我了解componentWillUnmount,当组件即将被销毁时会调用它,但我从来不需要销毁它,所以它对我来说没用。对此有什么解决方案?我什么时候应该设置状态?

完整错误:

0 投票
1 回答
2063 浏览

javascript - 在表单提交时调用 `componentDidUpdate`

我有一个类组件如下:


componentDidUpdate()每次更新输入字段的值并单击提交按钮时如何运行?

上面调用了生命周期,但由于其中的原因setStatehandleChange()生命周期在我输入内容的那一刻被调用,而不是等到单击提交按钮。

删除setStatefromhandleChange()会使输入字段值不再可编辑(无法在输入字段上键入)。

我需要api link在生命周期中附加输入字段值,但我似乎无法找出正确的方法来做到这一点。

0 投票
0 回答
47 浏览

javascript - 我应该使用事件监听器还是应该在 React 的生命周期方法中?

我有一个呈现表单的组件。这种形式可以吐出一组预定机场之间的距离。

这个对象代表我将像在 API 中一样获取的数据。

该表单包含两个选择/选项下拉菜单。一个代表起点,另一个代表终点。

在此处输入图像描述 我将所有相关代码放在一个名为的函数中,该函数handleSumbit应该触发我正在导入的函数,该函数将输出所选机场之间的距离。

现在我在控制台中得到的只是-1; 如果无法确定距离或您输入了无效的机场,您将获得的价值?!我不应该至少在 DOM 中得到渲染吗?

这是表格:

所以我的问题是如何向 DOM 呈现所选机场之间的距离?

0 投票
2 回答
1428 浏览

javascript - React - 一种统一的方法,如果许多组件在生命周期方法中具有相同的代码段

我有多个组件,在生命周期方法中具有相似的片段代码,并且在状态变量中有一些相似之处。有没有办法通过从一个父母继承或类似的东西来统一它们?

我可以在父“包装器”中使用子方法和道具吗?我可以从父级更改组件状态吗?

0 投票
5 回答
8268 浏览

reactjs - 道具已更新,componentDidUpdate 未触发

即使在 React 中更新了 props,是否存在 componentDidUpdate 不会触发的情况?