javascript - React.createClass 组件中出现语法错误

Question

我正在尝试在 React 中创建一个函数，它最终应该进行一些计算并将结果返回到我的组件。该功能尚未完成，所以如果我的说明没有意义，请耐心等待。

我正在使用React.createClass。

代码如下所示

  render: function() {
    return (
      <div className="container">
         <h3 className="time">{this._getTime(1)}</h3>
      </div>
    );
  }

  _getTime(time) {
    if (time === 1) {
      return '1';
    } else if (time === 2) {
      return '2';
    } else {
      return 'stuff';
    }
  }

这只是返回一个 SyntaxError: Unexpected token pointing to the _getTime。有什么提示我做错了什么吗？

Answer 1

看起来您正在使用 React.createClass，它接受一个 Object 参数。

因为它是一个对象，所以您需要在每个属性或简写方法之间使用逗号。

var Hello = React.createClass({
  render: function() {
    return (
      <div className="container">
         <h3 className="time">{this._getTime(1)}</h3>
      </div>
    );
  }, // <--- comma added here

  _getTime(time) {
    if (time === 1) {
      return '1';
    } else if (time === 2) {
      return '2';
    } else {
      return 'stuff';
    }
  }
});

https://jsfiddle.net/pfnfvyb1/

class 不使用逗号分隔符，因此在两种样式之间切换时，此问题很常见。