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转换

js中的export语句

1 个答案: