当我使用babel观看jsx文件时。但是存在语法错误。
在此之前,我使用react-tools进行观看,一切都很好。
SyntaxError: assets/js/chat/chat.jsx: Unexpected token (258:16) 256 | if (this.props.isOpen) { 257 | return ( > 258 | <div className="modal-overlay"> | ^ 259 | <ReactCSSTransitionGroup transitionName={this.props.transitionName}> 260 | <div className="chat-modal"> 261 | {this.props.children}
以下是我的代码。
var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup; var Modal = React.createClass({ render: function() { if (this.props.isOpen) { return ( <div className="modal-overlay"> <ReactCSSTransitionGroup transitionName={this.props.transitionName}> <div className="chat-modal"> {this.props.children} </div> </ReactCSSTransitionGroup> </div> ) } else { return <div className="modal-overlay"><ReactCSSTransitionGroup transitionName={this.props.transitionName}/></div> } } });
前几天我遇到了类似的问题。看来babel现在需要一些其他插件才能与react一起工作。