介绍
在前端开发中，经常需要将 HTML 转化为 JSX，因为 React.js 是基于 JSX 开发的。手动将 HTML 转为 JSX 可能会出现很多问题，因此可以使用 npm 包 @tsuyoshiwada/htmltojsx 来完成这一任务。
安装
使用 npm 安装 @tsuyoshiwada/htmltojsx：
--- ------- -----------------------
使用
在需要转换 HTML 到 JSX 的地方引用 @tsuyoshiwada/htmltojsx：
------ - --------- - ---- --------------------------
@tsuyoshiwada/htmltojsx 提供了一个 HTMLtoJSX 类，可以通过实例化使用。实例化的时候，可以传入一些配置项来完成更高级的转换：
----- --------- - --- ----------- ------------ ------ ---------------- -------------- -------------- ------ ------------------- --------- -------------------------- ---
createClass：表示是否使用React.createClass，默认是true。outputClassName：生成的 JSX 类名，默认是MyComponent。useClassnames：是否使用 CSS 样式表中的类名，默认是true。precompiledHeaders：可以在转化前，向生成的文件中添加一些内容。比如样式表中的库的类名，以及 React。
示例
以下是一个示例，它转换了一个 HTML 标签到 JSX：
------ - --------- - ---- -------------------------- ----- ---------- - ----- --------------- ------------------ ---------------------- ----- --------- - --- ------------ ----- --------- - ------------------------------ -----------------------
输出结果：
---- ------------------- ------------------ --------------------
注意
- 请确保你的 HTML 标签的
class属性用className替换，而不是用class。 - 请确保
className={}的格式正确，否则转换后的代码可能会出现语法错误。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005607881e8991b448dea1e