Question

我需要将jsx转换为js.So我使用babel来做到这一点，但它给出了如下所示的错误。有人请帮我解决这个问题。

test.jsx：

var HelloMessage = React.createClass({
  render: function() {
    return <div>Hello {this.props.name}</div>;
  }
});

ReactDOM.render(<HelloMessage name="John" />, mountNode);

在命令babel test.jsx上：

SyntaxError：test.jsx：意外的令牌（3:11）

  1 | var HelloMessage = React.createClass({
  2 |   render: function() {
> 3 |     return <div>Hello {this.props.name}</div>;
    |            ^
  4 |   }
  5 | });
  6 |

Answer 1

您需要安装React preset才能将JSX转换为createElement调用。

来自网站：

安装

npm install babel-preset-react

用法

将以下行添加到.babelrc文件中：

{
  "presets": ["react"]
}

Babel：SyntaxError：test.jsx：意外的令牌（3:11）

1 个答案: