首页 > 解决方案 > console.log(this.props) 未定义

问题描述

在我的代码中,当我未定义时,我在 componentDidMount 中使用了 console.log(this.props)。我在 render() 中的 console.log(this.props) 我得到了四个输出,前两个所有属性都未定义,后两个是正确的。

componentDidMount = () => {
        const { ratingsAverage } = this.props;
        console.log(ratingsAverage);
        //this.setState({value: this.props.ratingsAverage})
    }

render() {
        console.log(this.props);
 }

componentDidMount() 内的 console.log(ratingsAverage) 的输出未定义。

render() 中的 console.log(this.props) 的输出如下图所示

在此处输入图像描述

标签: reactjs

解决方案


尝试这个 。你的组件构造函数应该是这样的

constructor(props){
  super(props);
  this.state = {
     //states
  };
}

推荐阅读