Javascript 将React模块转换为类错误

将简单的react模块转换为es6类后；我犯了一些错误

    var React = require('react');
    // import React from 'react';
    class UdpComp extends React.Component {

      constructor (props){
         super(props);
         this.state = { udpinput: props.udpinput };
      },
      render: function() {
        return(
            <div className="udpText">
                <h2>UDP-INPUT: {this.state.udpinput}</h2>
           </div>
        ) // return
      } // render
    })// UdpComp

    export default UdpComp;

我打电话给gulp时

\process\js\UdpCompReact.js:分析错误：第14行：意外 标识符错误

---

为什么，我如何解析es6代码？

看不到第14行的内容，但我猜它是构造函数后面的逗号。与ES5“类”相反，ES6类在方法之间不需要（也不允许）逗号。只要取下它，它就会工作（或者至少通过第14行）

您需要一个transpiler将其转换为ES5，然后将其输送到gulp任务中。我使用并且有一个npm包

当使用较旧版本的transpiling时，我将代码更改为此。 从“React”导入React将引发错误

// var React = require('react');
import React from 'react';

class UdpComp extends React.Component {

  constructor (props){
     super(props);
     this.state = { udpinput: this.props.udpinput };
  }


  render () {
    return(
        <div className="udpText">
            <h2>UDP-INPUT: {this.state.udpinput}</h2>
       </div>
    ) // return
  } // render



}; // UdpComp

module.exports = UdpComp;
// export default UdpComp;

//var React=require（'React'）；
从“React”导入React；
类UdpComp扩展了React.Component{
建造师（道具）{
超级（道具）；
this.state={udpinput:this.props.udpinput}；
}
渲染（）{
返回(
UDP-INPUT:{this.state.udpinput}
)//返回
}//渲染
}; // UdpComp
module.exports=UdpComp；
//导出默认的UdpComp；

您还有一个打字错误。类的结束方括号中有一个括号，不再需要了好吧，我修正了；，问题现在我得到了一个错误解析错误：第3行：当我从'React'使用import-React时，非法的导入声明；我认为将import React从“React”转换为“React”有问题；你能用最新版本的代码更新帖子吗？那条线不应该有问题

// var React = require('react');
import React from 'react';

class UdpComp extends React.Component {

  constructor (props){
     super(props);
     this.state = { udpinput: this.props.udpinput };
  }


  render () {
    return(
        <div className="udpText">
            <h2>UDP-INPUT: {this.state.udpinput}</h2>
       </div>
    ) // return
  } // render



}; // UdpComp

module.exports = UdpComp;
// export default UdpComp;