无法更改状态
无法更改状态
提问于 2017-03-22 17:58:52
预期行为:应用程序应该先显示John，然后我将状态(名称)更改为George (setTimeout)，这样displayed.The状态就不会改变though.Any的想法了？
import React, { Component } from 'react';
class App extends Component {
constructor(props){
super(props);
this.state={name:"John"};
}
render() {
setTimeout(() => {
this.setState=({name:"George"})
}, 2000)
return (
<div>
{this.state.name}
</div>
);
}
}
export default App;回答 1
Stack Overflow用户
回答已采纳
发布于 2017-03-22 19:30:03
在注释中，您找到了使代码工作的方法。但是，我想在这里添加一个答复，其中的一个消息是，在render()函数中更改组件的状态不是个好主意。
当您的状态更改将被调用，它将调用setTimeout时，它将再次更改状态.因此，您将进入呈现组件的无限循环。
在此过程中，正确的方法是让您在组件的setTimeout函数中使用componentDidMount()。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42959349
复制相关文章
相似问题
腾讯云开发者
