未在componentWillMount中更新状态
componentWillMount 是 React 类组件生命周期中的一个方法，它在组件挂载之前被调用。然而，从 React 16.3 版本开始，componentWillMount 已经被标记为不安全的生命周期方法，并且在 React 17 中已经被移除。React 团队推荐使用 constructor 或 componentDidMount 来替代 componentWillMount。
原因
- 不安全的生命周期方法：
componentWillMount在组件挂载之前执行，这意味着它可能会在服务器渲染期间执行，导致不一致的行为。 - 异步渲染：React 的异步渲染机制可能导致
componentWillMount中的状态更新被忽略或覆盖。
解决方案
- 使用
constructor初始化状态： - 使用
constructor初始化状态： - 使用
componentDidMount更新状态： - 使用
componentDidMount更新状态： - 使用函数组件和 Hooks（推荐）：
- 使用函数组件和 Hooks（推荐）：
参考链接
通过使用上述方法，可以避免在不安全的生命周期方法中更新状态的问题，并确保代码在未来的 React 版本中保持兼容性。
相关·内容
class ViewExchange extends React.Component{ componentWillMount(props
浏览 14提问于2020-11-11得票数 0
_sendDataToServer }); for(var key in dataList){
this.setState
浏览 25提问于2019-08-22得票数 0
所以我尝试像这样附加一个变量的值： _this.setState({
value: value
浏览 2提问于2018-08-04得票数 1
我想从一个函数中访问另一个函数中的值。这两个函数位于相同的作用域，而不是嵌套的。 我尝试只使用一个函数ComponentDidMount()，并扩大了外部查询的作用域，以便可以在内部访问该值。我认为这和创建两个函数并且不能访问另一个函数中的值是一样的。但是我不明白，虽然我setState了第一个函数里面的值。为什么我在构造函数中初始化的第二个函数会返回到默认值？ 这就是我现在拥有的。请注意，ComponentWillMount可以是任何其他函数。componentWillMount =
浏览 9提问于2019-04-23得票数 0
回答已采纳
我的代码如下所示 lotGroups = // backend call to fetch lotgroups
setState({我尝试将该变量添加到state中，然后在componentWillMount()中更新它，但不起作用。lotGroups一更新，这个也就更新了。
浏览 2提问于2018-08-01得票数 0
但以我现在的状态，我想不出更好的标题。在React中，在componentWillMount期间，我将状态初始化为null，然后在通过ajax从服务器拉取数据后更新状态。结构看起来像这样： this.state = { calculator: {} };
.then此外，const name始终设置为''，即使在第二次重新呈现期间也
浏览 0提问于2016-11-10得票数 2
1回答
状态(enable_button)未在此中更新： return { passwordfunction() { console.log("loginEnd", this.state);
componentWillMountlogin_start
浏览 13提问于2016-08-09得票数 0
/> } )在<SortByAlphabet />组件中，我在componentWillReceiveProps()函数中从props.members中设置一个组件状态对象。this.setState({ members : props.members });当我选择“组”排序时，
浏览 2提问于2017-05-04得票数 6
回答已采纳
触发服务器调用来获取componentWillMount生命周期方法中的数据是一种不好的做法吗？
以及为什么最好使用componentDidMount。
浏览 8提问于2017-09-04得票数 29
回答已采纳
父级呈现，然后是子级，然后api调用完成并设置状态，但没有重新加载。因此，随着路由参数的更改，组件将显示上一次单击的数据(本质上总是落后的)。我知道它正在正确地更新状态，如果我forceUpdate()正确的数据显示在组件中(但我不能这样做，它将迫使我将forceUpdate()添加到react方法中，这将导致它不断地重新加载)。= this.props.params.clientID; this.ini
浏览 4提问于2017-06-30得票数 2
回答已采纳
我想通过ComponentWillMount()更新状态，比如： Canonical:''componentWillMount(){
this.setState
浏览 3提问于2018-07-17得票数 2
也就是说，我试图弄清楚在我想改变状态的那一刻是如何设置超时的。换句话说，我想在5秒后改变它，这应该发生在我改变状态的地方。在ComponentDidUpdate生命周期中。这有可能吗?另外，在呈现方法中添加"if“逻辑是否是一个很好的实践，如下面的代码所示？import React, { Component } from 'react';
import '../..
浏览 1提问于2018-02-13得票数 3
回答已采纳
2回答
在我的应用程序中，我有一个基于类的组件，其中我必须将道具传递给状态。但是，我已经了解到，我永远不应该在基于类的组件中传递道具到状态，因为我可能会在某个地方更改状态。但是，我不知道如何使我的代码工作，而不像我正在做的那样将道具传递到状态。我是自学的，所以我没有老师要问，所以StackOverflow是我最好的导师。提前谢谢你的帮助。onFinish:'', t
浏览 3提问于2017-12-13得票数 0
回答已采纳
我们可以在每个组件生命周期方法中调用setState()。
为什么我们不在componentWillUpdate()和componentWillMount()中调用它?
浏览 4提问于2016-11-24得票数 6
回答已采纳
在运行应用程序时，当组件挂载时，当redux返回正确的状态时，它会分派操作。但是，redux-logger记录在存储已用新状态更新的控制台中，在组件中，当检查this.props.session时，它仍然显示旧状态。SessionActions';
constructor(props) { }
componentWillMount
浏览 3提问于2015-09-25得票数 3
回答已采纳
extends Component { super(props);
} </View> }
执行顺序: constructor(props)->componentWillMount()->
浏览 0提问于2018-02-07得票数 0
);
我使用axios向helper发送一个http get请求，并将功能存储在一个名为weatherHelpers的帮助文件中。一次使用初始状态，另一次使用更新后的状态。这是否仅仅是life运行的状态: componentDidMount内部的初始状态和运行指令之间存在滞后？是否重新渲染了我的组件(因此有两个控制台日志)。组件是如何监听其状态的？
浏览 0提问于2016-11-19得票数 3
我看到的是，它希望在componentWillMount()中初始化一个内部属性，然后在componentWillUpdate()中使用它。React 说这是关于“更新”方法：
更新可能是由对道具或状态的更改引起的。这些方法在组件重新呈现时被调用。话虽如此，代码应该处理在componentWillMount()之前调用componentWillMount()的可能性，还是应该深入挖掘，看看倒排序列的明显原因是什么？
浏览 2提问于2017-07-18得票数 2
回答已采纳
这是RequireAuth HOC，它是componentWillMount console.log('HOC componentWillMount')但是，当令牌get刷新时，它会在设备组件中调用API之前刷新，但是从“.then”承诺中获得的redux操作在api调用子组件之前不会更新redux状态。是否有方法确保在子节点尝试调用API之前令牌已被更新/还原状态
浏览 1提问于2018-03-29得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
