Javascript 如何导出类并在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 export works查找。我只想知道如何以导出的方式执行此操作。

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

如果使用exports.a，则需要编写var Hello=require'/component.jsx'.a注意.a使用以下语法：

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

您可以在此页面上阅读ES6导出语法：

---

这与React和ES6无关。是的，上面的版本不正确。您可以多次使用export。诀窍是不要使用默认值。如果使用默认值，则可以正常导入：var Hello=require'./component.jsx'。但是如果你使用像导出类Hello之类的东西。。。请注意，我没有使用默认值，那么您需要以不同的方式导入它：1。从“./component.jsx”2导入{Hello}。var Hello=require./component.jsx'.Hello