React JSX 文件的 W3C HTML 验证

IT技术 html validation reactjs w3c react-jsx
2021-04-22 03:00:12

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

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

是否存在用于 React JSX 文件的 W3C HTML 验证器?如果没有,有什么理由吗?

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

2个回答

是否存在用于 React JSX 文件的 W3C HTML 验证器?

不。

如果没有,有什么理由吗?

因为它们不是 HTML。


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

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

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

JSX 没有 W3C HTML 验证器。JSX 是 JS,而不是 HTML。所以你可以使用 eslint 插件对 jsx 进行 linting 来避免常见问题: