记录React中使用setState的异步坑

最新推荐文章于 2025-09-24 08:43:47 发布

原创

最新推荐文章于 2025-09-24 08:43:47 发布 · 257 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #javascript #前端

零基础被赶鸭子上架写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.TrackLights.forEach(data => {
                    let track_light =