javascript - js中的导出语句

Question

react's blog 中有代码示例.看起来像这样:

export class Counter extends React.Component {
  constructor(props) {
    super(props);
    this.state = {count: props.initialCount};
  }
  tick() {
    this.setState({count: this.state.count + 1});
  }
  render() {
    return (
      <div onClick={this.tick.bind(this)}>
        Clicks: {this.state.count}
      </div>
    );
  }
}

在这种情况下，export 语句是什么意思？我找到了 this article on mdn但它描述了另一种含义

Answer 1

用于ES6 modules

在这种情况下，它从该模块导出一个类，因此您可以使用以下方法将其导入另一个模块:

import { Counter } from 'path_to_counter';

您将需要像 Webpack 这样的东西如果您使用的是浏览器和可能的转译器，则进行模块加载，如 Babel.js用于 ES6 转译