React 状态周期——问题（一）

一、componentDidMount状态问题

使用React开发进行查询时遇到的实际问题，在componentDidMount中获取到state后需要setState更新字段查询，代码如下

实际setState没好使

理论上在setState后，随后的searcgAjax()中searchValue字段值应该发生改变，实际传的值依然是之前的。

二、解决

this.setState使用回调方法后完美解决

componentDidMount() {
        var hash = window.location.hash.split("/")[3];
        this.setState({
            searchValue:hash
        },() =>{
            this.searchAjax();
        })
    }

三、原因

在React官网看到了关于setState的详细介绍

setState官方介绍

this.setSate是类似异步方法，实际使用时会延迟，不能立即更新方法，提供了两个解决办法。

setState异步解决办法
  • componentDidUpdate 中调用state
  • 使用callback回调方法
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容