sublime中react的语法检测

Question

安装过 eslint jsxhint babel 都不能解决"/"报错问题，报错内容是 未闭合标签，怎么解决啊

本身语法类检测插件就只有一个jshint

var NotesList = React.createClass({
  render: function() {
    return (
      <ol>
      {
        React.Children.map(this.props.children, function (child) {
          return <li>{child}</li>;//这里还是会提示unclosed regular expression
        })
      }
      </ol>
    );
  }
});

ReactDOM.render(
  <NotesList>
    <span>hello</span>
    <span>world</span>
  </NotesList>,
  document.body
);

图是一个错误的例子。。。下面这个代码在sublime中还是会报未必合的，

Answer 1

return一个整体结构，在最外面包一层闭合标签，比如<div></div>

Answer 2

return返回的是一个包结构，不可以有两个包，只能是<div>、、、、</div>,不可以并排<div>..</div><div>..</div>

Answer 3

jsx 的 x 是 like xml 的意思, xml 只有一个 root 标签. 所以你的语法是错误的.