Reactjs 带有react jsx和babel的意外标记

我试着从react开始。我安装了npm、browserify、babel及其预设。Babel无法转换JSX代码。谁能帮我理解发生了什么事。我是否为巴别塔使用了正确的预设？我的demo.js

"use strict";

var React = require('react');
var ReactDOM = require('react-dom');

var Test = React.createClass({
    render: function(){
        var {a, b, ...other} = this.props;
        return(
            <div>Hi</div>
        );
    }
});

下面是我得到的错误

SyntaxError: /Users/shashank/git_views/srh_labs/webui/src/demo.js: Unexpected token (8:13)
   6 | var Test = React.createClass({
   7 |  render: function(){
>  8 |      var {a, b, ...other} = this.props;
     |              ^
   9 |      return(
  10 |          <div>Hi</div>
  11 |      );
    at Parser.pp.raise (/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/parser/location.js:24:13)
    at Parser.pp.unexpected (/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/parser/util.js:91:8)
    at Parser.pp.parseIdentifier (/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/parser/expression.js:999:10)
    at Parser.pp.parsePropertyName (/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/parser/expression.js:821:135)
    at Parser.pp.parseObj (/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/parser/expression.js:737:12)
    at Parser.pp.parseBindingAtom (/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/parser/lval.js:163:19)
    at Parser.pp.parseVarHead (/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/parser/statement.js:591:18)
    at Parser.<anonymous> (/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/plugins/flow.js:953:13)
    at Parser.parseVarHead (/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/plugins/flow.js:953:13)
    at Parser.pp.parseVar (/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/parser/statement.js:574:10)
$ sudo browserify -t [ babelify --presets [ es2015 react ] ] src/demo.js -o ../server/rest/src/main/webapp/uiserver/bundle/app.js 

SyntaxError:/Users/shashank/git_views/srh_labs/webui/src/demo.js:意外令牌（8:13）
6 | var测试=React.createClass({
7 |渲染：函数（）{
>8 | var{a，b，…other}=this.props；
|              ^
9 |返回(
10 |你好
11 |      );
在Parser.pp.raise（/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/Parser/location.js:24:13）
在Parser.pp.unexpected（/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/Parser/util.js:91:8）
位于Parser.pp.parseIdentifier（/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/Parser/expression.js:999:10）
位于Parser.pp.parsePropertyName（/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/Parser/expression.js:821:135）
在Parser.pp.parseObj（/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/Parser/expression.js:737:12）
位于Parser.pp.parseBindingAtom（/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/Parser/lval.js:163:19）
在Parser.pp.parseVarHead（/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/Parser/statement.js:591:18）
在解析器中。（/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/plugins/flow.js:953:13）
在Parser.parseVarHead（/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/plugins/flow.js:953:13）
在Parser.pp.parseVar（/Users/shashank/git_views/srh_labs/webui/node_modules/babylon/lib/Parser/statement.js:574:10）
$sudo browserify-t[babelify--presets[es2015 react]]src/demo.js-o../server/rest/src/main/webapp/uiserver/bundle/app.js

对象静止/扩展操作符（在第8行使用）不是

es2015

包的一部分。您必须安装插件才能转换它。

对象静止/扩展操作符（在第8行使用）不是

es2015

软件包的一部分。您必须安装插件才能转换它。

尝试创建一个.babelrc文件并将其放入：

{
  "presets": ["react"]
}

---

尝试创建.babelrc文件并将其放入：

{
  "presets": ["react"]
}

可能的重复可能的重复