小编典典

让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文件中解决这个问题?


阅读 257

收藏
2020-07-22

共1个答案

小编典典

更新: 此帖子来自2013年,现在已过时。)

我使用JSHint + JSX。

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

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

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

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

注意: 我不隶属于React团队。)

2020-07-22