const后的意外令牌

Question

当我尝试指定一个常量时,我​​在React中收到意外的令牌错误,我似乎无法弄清楚原因.

我的代码是相当简单的,我也跟着作出反应的自举的例子这里几乎一模一样.

我的代码如下:

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

Answer 1

你不能像那样在类体中定义一个const; 它应该被移动到一个方法中.

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