const 之后的意外令牌答案

【问题标题】：Unexpected Token after constconst 之后的意外令牌
【发布时间】：2016-04-20 11:32:36
【问题描述】：

当我尝试指定一个常量时，我在 React 中遇到了一个意外的令牌错误，我似乎无法弄清楚原因。

我的代码非常简单，我几乎完全按照 react-bootstrap 示例 here 进行操作。

我的代码如下：

import { Component, PropTypes } from 'react';

var rbs = require('react-bootstrap'),
Panel = rbs.Panel;

export default class ResumeSection extends Component {
  constructor(...args) {
    super(...args);
    this.state = {
      open: true
    };
  }

  const title = (
    <h3>Panel title</h3>
  );

  render() {
    return (
      <Panel collapsible expanded={this.state.open}>
        <p>Body</p>
      </Panel>
    );
  }
}

错误发生在title 上，紧跟在const 之后，只是说SyntaxError: Unexpected Token

【问题讨论】：

标签： meteor reactjs webpack react-bootstrap

【解决方案1】：

你不能像那样在类体中定义一个常量；它应该被移动到一个方法中。

render() {
  const title = (
    <h3>Panel title</h3>
  );
  // ...
}

【讨论】：

【解决方案2】：

显然，这被称为“公共类字段语法”，并且已经作为插件在 babel 中可用，babel-plugin-transform-class-properties。不过我还没试过。

其他参考是reactjs.org events guide

【讨论】：