如何导出一个类，并在React.js中需要它

例如

component.jsx

exports.a = class Hello extends React.Component { render() { return <h1 style={style1}>Hello world,{this.props.name}</h1>; } 

main.js

 var Hello = require('./component.jsx'); function main() { ReactDOM.render(<Hello />, document.getElementById('app')); } 

我用webpack和module.exports，ES6出口工程find了。我只是想知道如何在出口的方式做到这一点。

Answer 1

使用module.exports = class Hello extends React.Component { ... }

如果使用exports.a ，则需要编写var Hello = require('./component.jsx').a （注意.a ）

Answer 2

使用这个语法：

 export default class Hello extends React.Component { render() { return <h1 style={style1}>Hello world,{this.props.name}</h1>; } 

您可以阅读本页面上的ES6导出语法： http : //www.sitepoint.com/understanding-es6-modules/