reactjs - es6 React在子组件中获取 Prop

标签 reactjs ecmascript-6

我一直在将我的一个应用程序迁移到 Node/React 上的 ES6,我有一个关于如何将 props 传递给 child 的问题。我读了很多帖子,有些讨论了这个问题,有些则没有。基本上,到目前为止我所看到的是:

export default class SomeComponent extends React.Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <div>
               {this.props.text} <<< Props used here
            </div>
        );
    }
}

但我已经能够让我的组件与以下内容一起工作:

export default class SomeComponent extends React.Component {
    constructor() {
        super(); <<< notice no props in parentheses 
    }
    render() {
        return (
            <div>
               {this.props.text} <<< Props used here
            </div>
        );
    }
}

为什么我应该在构造函数和 super 调用的括号中传递 props ?或者我可以保留我的代码吗

最佳答案

除非你想在构造函数中使用 this.props,否则你不需要将 props 传递给 super。

https://stackoverflow.com/a/34995257/3238350

关于reactjs - es6 React在子组件中获取 Prop ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36869451/

相关文章:

javascript - 如何在 sequelize 上使用实例方法

javascript - 错误:找不到模块 Mocha

javascript - 如何在 javascript 中删除带有 spread 和 rest 的嵌套属性

javascript - 让 vs var : scopes in for-loop

css - ReactJS Griddle 覆盖内联样式

reactjs - 如何在 React 中获取 ChildNode 的宽度?

reactjs - 处理可能包含或不包含 HTML 的 prop

javascript - 在路由更改时更改状态 Next.js

django - React 和 Django REST 的文件夹结构

javascript - React/Redux 项目未评估括号内的 ES6