记录React中使用setState的异步坑

GodzillaBot

于 2024-04-11 22:57:22 发布

阅读量187

点赞数 2

CC 4.0 BY-SA版权

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/GodzillaBot/article/details/137656581

零基础被赶鸭子上架写react类。😭

类TrackLights的部分函数如下：

    componentDidUpdate(prevProps, prevState, snapshot) {
        if (this.props.track_lights !== prevProps.track_lights) {
            this.setState({ track_lights: this.props.track_lights });
        }
        if (this.props.config_url !== prevProps.config_url) {
            this.setState({ config_url: this.props.config_url });
            this.init();
        }
        if (this.props.interval !== prevProps.interval) {
            this.setState({ interval: this.props.interval });
        }
        if (this.props.event_callback !== prevProps.event_callback) {
            this.setState({ event_callback: this.props.event_callback });
        }
    }

    init = () => {
        fetch(this.state.config_url)
            .then((response) => response.json())
            .then((configData) => {
                configData.TrackLig