让Facebook的react.js库JSX语法与jslint完美配合？

小编典典

让Facebook的react.js库JSX语法与jslint完美配合？

reactjs

我在玩Facebook的react.js库。我正在尝试使用其JSX语法，该语法描述了通过以下方式创建视图。

/** @jsx React.DOM */
var HelloMessage = React.createClass({
  render: function() {
    return <div>{'Hello ' + this.props.name}</div>;
  }
});

React.renderComponent(<HelloMessage name="John" />, mountNode);

JSLint显然不喜欢这样（“期望标识符，而看到了’<’;”-JavaScript语法错误），那么如何在我的.jshintrc文件中解决这个问题？

阅读 265

2020-07-22

共1个答案

小编典典

（ 更新： 此帖子来自2013年，现在已过时。）

我使用JSHint + JSX。

它不应该需要JSHint的派生，应该有一种方法告诉JSHint禁用代码块的所有警告。不幸的是，没有这样的方法可以禁用所有
警告，而只能禁用一组特定的警告，因此我最终可能会提交拉取请求以添加此警告或更改短绒。

更新：
我们提交了请求请求，该请求已被接受。要禁用所有警告，请添加/*jshint ignore: start */以开始该部分并/*jshint ignore: end */结束该部分。

如您所述，Facebook和Instagram使用的工作流是从命令行在IDE外部进行操作。

另一个选择是将所有JSX模板提取到它们自己的文件中，并使它们成为范围的函数，而不是存在于隐式词法范围内。我们尝试了一下，不喜欢样板。

（ 注意： 我不隶属于React团队。）

2020-07-22