如何解决我可以在将其转换为简单的 HTML 字符串的同时使用 jsx 进行编写吗?
因为我不需要任何 SPA 功能,也不需要像 React/Preact 这样的框架或任何类似的东西,所以我的 dist 代码不能包含 React 的 CreateElement 或其等价物。
事实上我想这样使用它:
const html = <div className="some-class">
<span>something inside</span>
</div>
编译为:
var html = `<div class="some-class">
<span>something inside</span>
</div>`
我检查了很多与 jsx、模板文字和 jsx 相关的 babel 插件到 html 编译,但没有一个适用于这个用例。甚至可能还是我必须在我的代码中使用模板文字?
解决方法
所以您正在尝试在 .js 文件中编写 JSX 语法(它看起来与 HTML 非常相似,但事实并非如此)。 JSX 使用 React.createElement 来制作以下组件,这在术语中需要 babel。
const html = <div className="some-class">
<span>something inside</span>
</div>
因此,如果不使用 babel 或任何其他此类插件,您就无法做到这一点。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。