reactjs - 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) 的输出如下图所示
解决方案
尝试这个 。你的组件构造函数应该是这样的
constructor(props){
super(props);
this.state = {
//states
};
}
推荐阅读
- typescript - 获取错误 TS1241:作为表达式调用时无法解析方法装饰器的签名
- implementation - VC2015 中的 FMI 实现
- spring - Spring Boot 不从模板加载视图
- coreml - 从后台到前台运行 coreml 批量预测时崩溃
- html - HTML 输入占位符,第一个字母 CSS 更改不适用于更新的浏览器
- c# - 延迟 IQueryable 执行的事件
- excel - Delete Entire Row 不删除行,代码继续运行,没有错误
- javascript - 如何使用一个 jquery 在同一页面中制作多个阅读更多按钮?
- php - 自定义 php 包中的命名空间问题,无法执行“使用 joelwmale/RSSFeedPHP”
- python - 有没有办法使用 pyspark 动态创建模式信息,而不是在输出 jsonfile 中转义字符?