如何在ReactJS/NextJS中使用导出的webflow代码？

cld4siwp 于 2023-01-08 发布在 React

关注(0)|答案(1)|浏览(399)

我已经将我的webflow代码导出到我的NextJS应用程序，但是很多HTML标记显示为错误（它说他们中的大多数没有关闭标记）。
有人知道这是为什么吗？我可以做些什么来解决这个问题？注意：Webflow代码相对简单，没有动画等。
此外，在index.html中查看代码时，代码工作正常

1条答案

这个问题很可能是Webflow导出某些标记时没有使用右斜线造成的。Next.js需要使用这些斜线来正确解析标记。
例如，Webflow可能导出以下代码：

<img src='/' alt=''>
<input type='text' name='name'>

要解决这个问题，您只需要在每个标签的末尾添加结束斜杠，如下所示：

<img src='/' alt='' />
<input type='text' name='name' />

通过添加斜线，您可以告诉Next.js每个元素都正确地关闭，这应该有助于解决您遇到的任何问题。
下面是一个HTML标签列表，这些标签应该在Next. js中以斜杠结束。

<br />
<hr />
<img />
<input />
<link />
<meta />

希望这个有用。