getDerivedStateFromProps是否未更新状态？
getDerivedStateFromProps是React组件生命周期中的一个静态方法，用于在组件接收到新的props时更新组件的state。它的作用是根据传入的props计算并返回一个新的state对象，或者返回null表示不需要更新state。
在React 16.3版本之前，我们可以使用getDerivedStateFromProps来更新组件的state。但是从React 16.3版本开始，官方推荐使用componentDidUpdate来处理props的更新，因为getDerivedStateFromProps的使用会增加组件的复杂性，并且容易引发一些难以排查的bug。
如果在getDerivedStateFromProps中更新state，可能会导致组件进入无限循环的更新状态，因为每次更新props时，getDerivedStateFromProps都会被调用，从而触发state的更新，再次调用getDerivedStateFromProps，如此循环。
因此，如果要在组件接收到新的props时更新state，应该使用componentDidUpdate方法，并在该方法中判断新旧props是否有变化，然后再更新state。
总结：
- getDerivedStateFromProps是React组件生命周期中的一个静态方法，用于在组件接收到新的props时更新组件的state。
- 从React 16.3版本开始，官方推荐使用componentDidUpdate来处理props的更新，避免使用getDerivedStateFromProps。
- 在getDerivedStateFromProps中更新state可能导致组件进入无限循环的更新状态，应该谨慎使用。
- 推荐使用componentDidUpdate方法来处理props的更新，并在该方法中判断新旧props是否有变化，然后再更新state。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
- 人工智能平台 AI Lab：https://cloud.tencent.com/product/ai
- 物联网平台 IoT Explorer：https://cloud.tencent.com/product/iotexplorer
- 移动开发平台 MTA：https://cloud.tencent.com/product/mta
- 云存储 COS：https://cloud.tencent.com/product/cos
- 区块链服务 BaaS：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
1回答
getDerivedStateFromProps是否未更新状态？
javascript、reactjs、getderivedstatefromprops
我有这样的场景： static getDerivedStateFromProps(nextProps, prevState) { console.loggetDerivedStateFromProps不应该更新状态吗？
浏览 21提问于2021-05-08得票数 0
1回答
React.js表单输入onChange与getDerivedStateFromProps有问题
javascript、reactjs
使用getDerivedStateFromProps时，输入onChange未更新状态。在将属性从父组件传递到子组件之后，我将检查来自子组件的getDerivedStateFromProps。React.Component { super(props); form: {} }
static getDerivedStateFromProps
浏览 1提问于2018-08-23得票数 3
1回答
React -是否所有状态属性都需要由getDerivedStateFromProps返回？
javascript、reactjs
在React组件中使用getDerivedStateFromProps生命周期方法时，返回的状态是完全覆盖组件的现有状态，还是只更新返回的特定状态属性？extends Component { this.state = { two: false, }
one: false, }
.
浏览 35提问于2018-07-13得票数 3
回答已采纳
1回答
响应16.X从道具获得派生状态，返回新状态.Is，可以再次更改组件内部的同一状态吗？
javascript、reactjs
我正在使用getderivedstatefromprops方法查看是否发生了任何道具更改。如果发生，返回新的状态集，并且我正在处理它，componentDidupdate方法，但是我不能在组件onChange方法中更改相同的状态。下面是我的密码。在构造函数中，我添加了一个额外的状态变量来存储我的prevProps数据。稍后，我可以在getDerivedStateFromProps中使用这种状态。getDerivedStateFromProps，这将有助
浏览 1提问于2018-12-11得票数 1
1回答
如何使用React的getDerivedStateFromProps和setTimeout？
javascript、reactjs、settimeout
我希望创建一个类似于Modal的组件，它接收一个打开/关闭的布尔值作为支柱，然后将该值存储在组件状态中。当关闭Modal时，我想更新关闭布尔支柱，但是在更新组件状态之前等几秒钟，这样我就可以添加转换类并动画退出。使用新的Reacti16.3API，我看到将使用getDerivedStateFromProps。由于getDerivedStateFromProps“应该返回一个对象来更新状态，或者返回null来表示新的道具不需要任何状态<
浏览 2提问于2018-05-01得票数 4
回答已采纳
1回答
当状态更新时，我需要更新表。所以我试着在getDerivedStateFromProps中调用一个更新函数，但是我似乎不能在getDerivedStateFromProps中使用'this‘。static getDerivedStateFromProps(props, state) {
if(props.newValue !
浏览 43提问于2020-05-08得票数 1
回答已采纳
1回答
在React 16.7中，在setState调用之后，返回null的getDerivedStateFromProps也是正在更新状态
javascript、reactjs
在组件呈现后，我调用updateResults方法，该方法调用setState，之后调用getDerivedState并返回null，静止状态被更新，render和componentDidUpdatethis.state = {"query":props.data.web_query,"other_fields":props.other_fields};
re
浏览 22提问于2019-02-25得票数 1
3回答
在React中调用getDerivedStateFromProps内部的方法
reactjs、react-native
在将react升级到16.3版本之前，我会根据属性中的更改调用一个方法，如下所示： if(this.props.country.length !== nextProps.country){ }在16.3版本上，componentWillReceiveProps是不安全的，我们必须使用。但是，这个方法返回一个对象，我不知道如何从它内部调用方法，就像调用componentWillReceiveProps一
浏览 0提问于2018-04-05得票数 21
回答已采纳
3回答
想象一下一个组件，它有一个道具“名称”和状态“相间隔”。
在许多情况下，国家并不是道具的纯功能。getDerivedStateFromProps只适用于无状态
浏览 0提问于2018-04-08得票数 10
回答已采纳
1回答
我正在更新旧的function组件，并且正在使用getDerivedStateFromProps，我想将类更新为一个函数组件，但是我不知道如何处理这个特定的函数。static getDerivedStateFromProps(props, state) { const); return
浏览 0提问于2021-03-05得票数 1
回答已采纳
1回答
React: react datepicker不会更新状态
reactjs、react-datepicker
我试着在datepicker上做一些改变，但是状态没有更新。我用的是道具的状态。所以日期已经存在了。它显示了过期的日期。当我在做零钱的时候，它会停留在当前的日期。this.date = export.expires;
}
static getDerivedStateFromProps
浏览 1提问于2020-03-17得票数 1
回答已采纳
1回答
响应本机:当道具发生变化并在内部通过setState()更新状态
reactjs、react-native
因此，我有一个父组件，它将一个数据数组作为支柱传递给一个子组件(子组件将这个数组支柱保存为它自己状态的一部分)，并且我希望当这个支柱发生变化时更新该子组件的状态。我使用了getDerivedStateFromProps： if (props.messagesmessages : [ ... props.messages] }}
但是，我也
浏览 4提问于2020-07-20得票数 0
回答已采纳
1回答
在React中，说：
如果我正确地理解了，如果我只是从道具派生状态并返回它(顾名思义)，我将触发一个没完没了的循环，因为this.state将更新，这将触发重新呈现，调用getDerivedStateFromProps，这将返回新的状态更新</
浏览 0提问于2018-06-05得票数 0
2回答
如何替换这个componentWillReceiveProps？
javascript、reactjs
我有一个带有表单的登录和注册组件，这些表单是在这些方法被取消推荐之前创建的，我一直在四处寻找，但似乎找不到解决方案，我将如何将其重构为使用getDerivedStateFromProps
componentWillReceiveProps
浏览 2提问于2019-12-02得票数 0
回答已采纳
1回答
为什么getDerivedStateFromProps会再次被调用，即使父道具没有更新？
javascript、reactjs
我理解getDerivedStateFromProps的方式是，当父道具更改时调用它们，但是在这个沙箱中，如果您检查控制台，即使道具没有更改，它也会被调用。getDerivedStateFromProps - 1, 4 render - 2getDerivedStateFromProps- 1, 4 getDerivedStateFromProps因1, 4而被称为第一，render因2, 6而被称为第二，错误组件被调用之后，我们可
浏览 1提问于2019-01-19得票数 4
回答已采纳
1回答
如何在react js中接收更新的道具？
javascript、reactjs、redux
你能告诉我如何在react js中接收更新的道具吗?我知道componentWillReceiveProps是unsafe，我试过使用getDerivedStateFromProps，但没有工作两秒钟后，我正在更新我的状态，该状态将传递给propsabcsssss
static getDerivedStateFromProps(nextProps, prevState)
浏览 41提问于2018-12-11得票数 1
回答已采纳
1回答
Redux持续使用React导航
react-native、redux、react-navigation、redux-persist
当我创建一个反应导航堆栈时，我想检查自动登录值，但此时状态还没有恢复。我以为PersistGate是我所需要的，但这不是真的。你能帮帮我吗?
浏览 0提问于2019-01-30得票数 1
回答已采纳
我不确定目前的行为是否正确。在16.3我成功地使用getDerivedStateFromProps时，我有一个组件已经通过道具接收到它的状态，在道具和状态之间进行检查(或者说prevState和nextProps更简洁)，使用该函数是很好的当新的道具出现时，它更新了状态，并将状态更改为正常运行。
现在是16.4，因为对setState的调用也会触发getDerivedStateFromProps，所以我看到了一个意想不到的结果。它所比较的状态<
浏览 0提问于2018-06-08得票数 5
回答已采纳
1回答
如何在更新状态下使用getDerivedStateFromProps？
javascript、reactjs、typescript、refactoring、react-lifecycle
我的组件的工作方式类似于这个==>，我将来自父组件的传入道具设置为子组件的状态。然后，我可以在组件中执行更新状态操作。函数： nextProps: ICustomActionModalProps, ==>如果我使用
浏览 2提问于2021-06-20得票数 0
回答已采纳
3回答
既然有componentDidUpdate，为什么还要使用getDerivedStateFromProps呢？
javascript、reactjs、ecmascript-6
我对react 16的新生命周期，getDerivedStateFromProps用例感到困惑。以下面的代码为例，因为我可以用componentDidUpdate实现我想要的东西，所以根本不需要getDerivedStateFromProps。static getDerivedStateFromProps(nextProps, prevState) {
if (nextProps.filtered !
浏览 0提问于2018-04-27得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
