React JSX文件的W3C HTML验证

在处理前端项目时，我总是喜欢使用线绳工具。它们可以防止愚蠢的错误变成严重的臭味代码。Linting工具还建议进行改进和优化

验证和linting HTML意味着使用W3C验证程序。在处理香草JavaScript项目时，我使用Grunt NPM模块。在使用Angular 1.x时，我使用的是模块，它是相同的验证器，但适合Angular需求（非标准属性或不完整的HTML文档不会引发错误或警告）。然而，我试图为React JSX文档找到一些类似的工具，无论是Grunt还是Gulp，但运气不好

是否存在用于React JSX文件的W3C HTML验证程序？如果没有，原因是什么

注意：我对使用JSXHint等工具检查JSX的JavaScript部分不感兴趣，只对HTML部分及其与W3C规范的符合性感兴趣

是否存在用于React JSX文件的W3C HTML验证程序

没有

如果没有，原因是什么

因为它们不是HTML

---

最接近的方法是执行JavaScript生成DOM，然后将该DOM序列化为HTML（例如使用

.innerHTML

），然后添加DOCTYPE声明并验证结果

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

---

服务器端呈现工具（如Next.js）在这里可能很有用。

没有用于JSX的W3C HTML验证程序。 JSX是JS，不是HTML。因此，您可以使用eslint插件来linting jsx，以避免常见问题：

---

您使用什么IDE？大多数情况下，IDE开发人员都会推荐某种linter，因为它最适合他们的IDE，或者是为了与他们的IDE一起使用。