Question

当我尝试指定常量时，我在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，只是说$("html").click(function() { if($(".user-dropdown").is(':visible')) { $(".user-dropdown").slideToggle('fast'); } });

Answer 1

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

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

Answer 2

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

其他参考是reactjs.org events guide

const后的意外令牌

2 个答案: