无法从 React.js v18.1.0 中的 componentDidUpdate 生命周期挂钩获取 prevState

Question

import React, { Component } from "react";

class Counter extends Component {
    constructor(props) {
        super(props);
        this.state = { counter: 1 };
    }

    handleIncrement = () => {
        this.setState({ counter: this.state.counter + 1 });
    };

    componentDidUpdate(prevState) {
        console.log("prevState", prevState);
    }

    render() {
        return (
            <React.Fragment>
                <p>{this.state.counter}</p>
                <button onClick={this.handleIncrement}>Increment</button>
            </React.Fragment>
        );
    }
}

export default Counter;

我想访问从 componentDidMount 生命周期方法返回的 prevState 属性。但是，当我 console.log(prevState) 时，我得到一个空对象。请找到相同的附加图像。我想要控制台中之前状态的对象。

请帮我看看我是在语法上做错了什么，还是在 react 的 never 版本中意外中断了。我很想听听你的意见。

谢谢！

Answer 1

您必须指定两个输入 (prevProps, prevState)

  componentDidUpdate(prevProps, prevState) {
    console.log("prevState", prevState.counter);
  }

无法从 React.js v18.1.0 中的 componentDidUpdate 生命周期挂钩获取 prevState

Cannot get prevState from componentDidUpdate lifecycle hook in React.js v18.1.0

methods

lifecycle

reactjs