我在玩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文件中解决这个问题?
( 更新: 此帖子来自2013年,现在已过时。)
我使用JSHint + JSX。
它不应该需要JSHint的派生,应该有一种方法告诉JSHint禁用代码块的所有警告。不幸的是,没有这样的方法可以禁用 所有 警告,而只能禁用一组特定的警告,因此我最终可能会提交拉取请求以添加此警告或更改短绒。
更新: 我们提交了请求请求,该请求已被接受。要禁用所有警告,请添加/*jshint ignore: start */以开始该部分并/*jshint ignore: end */结束该部分。
/*jshint ignore: start */
/*jshint ignore: end */
如您所述,Facebook和Instagram使用的工作流是从命令行在IDE外部进行操作。
另一个选择是将所有JSX模板提取到它们自己的文件中,并使它们成为范围的函数,而不是存在于隐式词法范围内。我们尝试了一下,不喜欢样板。
( 注意: 我不隶属于React团队。)