node.js - Reactjs 中的 Owl Carousel 2 服务器端渲染

Question

我正在开发 Owl Carousel 2。我想在服务器端渲染方面提供支持 在 Reactjs 中可以使用 yarn 吗？请给我一个使用 Reactjs for Owl Carousel 2 进行服务器端渲染的示例。

Answer 1

我使用 loadable 来导入库，并且它与 SSR 一起工作得很好。

首先安装可加载:

npm install @loadable/component

导入 JS 文件中的组件

import loadable from '@loadable/component';

然后我导入了 ReactOwlCarousel，如下所示:

const ReactOwlCarousel = loadable(() => import('react-owl-carousel'), { ssr: false });
return <ReactOwlCarousel... />

希望这对某人有帮助!