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... />

希望這可以幫助某人！