React JSX文件的W3C HTML验证

Question

在处理前端项目时,我总是喜欢使用linting工具.他们防止愚蠢的错误到严重的臭代码片.Linting工具还建议改进和优化.

验证和linting HTML意味着使用W3C Validator.使用vanilla JavaScript项目时,我使用grunt-html Grunt NPM模块.在使用Angular 1.x时,我使用grunt-html-angular-validate模块,它是相同的验证器,但适用于Angular要求(非标准属性或不完整的HTML文档不会触发错误或警告).但是我试图为Grunt或Gulp找到一些类似React JSX文档的工具,但运气不好.

是否存在React JSX文件的W3C HTML验证器？万一没有,有什么理由吗？

注意:我对使用JSXHint之类的工具检查JSX的JavaScript部分不感兴趣,而只关注HTML部分及其对W3C规范的遵从性.

Answer 1

React JSX 文件是否存在 W3C HTML 验证器？

不。

如果没有，有什么原因吗？

因为它们不是 HTML。

最接近的方法是执行 JavaScript 来生成 DOM，然后将该 DOM 序列化为 HTML（例如使用.innerHTML），然后添加 DOCTYPE 声明并验证结果。

当然，这只能为您提供应用程序给定状态的输出快照。

服务器端渲染工具（例如 Next.js）在这里可能会有所帮助。