javascript - 使用带有预加载 HTML 的 React

问题描述

这是我的场景。

我想使用 React 从 CMS 加载数据
CMS 吐出 HTML (Webflow)
我设置了一个 HTML/CSS 页面，在一个页面上显示 10 个应用程序“屏幕”
我想获取它吐出的 HTML，将其加载到 React 中，然后使用反应导航、滑动器等对其进行操作。

例子：

<body>
 <div id="react-target">
    <section id="main">
        <h1>Title goes here</h1>
        <p>Text goes here</p>
    </section>
    <section id="section2">
        <h1>Title goes here</h1>
        <p>Text goes here</p>
    </section>
    <section id="section3">
        <h1>Title goes here</h1>
        <p>Text goes here</p>
    </section>
    <section id="section4">
        <h1>Title goes here</h1>
        <p>Text goes here</p>
    </section>
 </div>
</body>

有没有办法“反应”这个 dom 内容？我想获取这些 DOM 内容（包括视觉表示），然后将它们变成可滑动的全屏“页面”，类似于 jQuery / SwiperJS 的工作方式。

标签： javascriptreactjs

javascript - 使用带有预加载 HTML 的 React

问题描述

解决方案

推荐阅读