javascript - 向下传递时无法在子组件中获取值

Question

我试图将 isOpen prop 向下传递给 Snackbar 组件，但出于某种原因，当我在 componentDidMount 或 componentDidUpdate 中使用 console.log this.props 时，我看到的只是 this.props.message。如果有人能帮助我，我将不胜感激，因为这个问题花了我很多时间，但它看起来很简单。提前致谢!

父组件

{this.state.message.message ? <SnackBar message={this.state.message.message} isOpen={true}/> : null}

Snackbar 组件

class SnackBar extends Component {
constructor (props) {
  super(props)
  this.state = {
   open: false,
  };
}

componentDidUpdate(prevProps,nextProps) {
  console.log(this.props);
  console.log(prevProps, nextProps);

}

Answer 1

来自 componentDidUpdate 的 React 文档:

初始渲染时不会调用此方法。

而且 componentDidMount 没有获取 props 作为参数，你必须使用 this.props。

class SnackBar extends Component {
constructor (props) {
  super(props)
  this.state = {
   open: false,
  };
}

componentDidMount() {
  console.log(this.props)
}