Zola静态页面如何集成React组件?

问题描述 投票:0回答:0

我目前正在做一个项目,我必须通过将 Zola 与 React 组件集成来制作由 Zola 生成的静态页面。我正在寻找一种不涉及直接修改 Zola 生成的静态文件的解决方案,并且最好允许我将 Zola 中的元素渲染为 React 组件中的道具。

为了阐明我的用例,我的项目涉及一个当前使用 Zola 构建的网站。该站点主要是静态的,但有些特定部分需要交互性,为此,我需要使用 React。我的任务是将这些 React 组件集成到静态 Zola 页面中。

到目前为止,我只是试图将 Zola 生成的 HTML 文件粘贴到 React 的公共文件夹中,并以这种方式获取它们,但我得到的反馈是这不是一个好主意。我想在我的 React 组件中利用来自 Zola 的数据,最好是将它们作为 props 传递。

有人建议我使用 megalith/priv/megaui,但我不知道它对我有什么帮助。如果能提供一些见解和步骤,我将不胜感激。

reactjs react-router integration static-site zola
© www.soinside.com 2019 - 2024. All rights reserved.