Reactjs 中的 Owl Carousel 2 服务器端渲染

Question

我正在研究 Owl Carousel 2。我想在服务器端渲染中提供支持 是否可以在 Reactjs 中使用纱线？ 请给我一个使用 Reactjs 进行 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... />

希望这可以帮助某人！