react中Can‘t call setState on a component 警告提示解决

最新推荐文章于 2023-11-21 20:19:54 发布

grfstc

最新推荐文章于 2023-11-21 20:19:54 发布

阅读量2.3k

点赞数 2

文章标签：前端

原文链接：https://blog.51cto.com/u_13238147/4284489

版权

React setState constructor componentDidMount 警告修复

关键词由CSDN通过智能技术生成

react中警告提示：

react_devtools_backend.js:4061 Warning: Can't call setState on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the Home component.

代码：

class App  extends React.Component{
    constructor(props) {
        super(props);
                ...
        this.state = {
            name:"开发测试",
            adopters:[]
        }
                this.init()
    }


    init(){
        ...
        this.setState({adopters:result})
    }

因为在constructor() 中初始化state使用了setState，调整如下即可：

class App  extends React.Component{
    constructor(props) {
        super(props);
        ...
        this.state = {
            name:"开发测试",
            adopters:[]
        }
        
    }
  componentDidMount(){
        this.init()
    }

    init(){
        ...
        this.setState({adopters:result})
    }