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

【问题标题】：Owl Carousel 2 server side rendering in ReactjsReactjs 中的 Owl Carousel 2 服务器端渲染
【发布时间】：2017-06-14 05:47:17
【问题描述】：

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

【问题讨论】：

【解决方案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... />

希望这对某人有所帮助！

【讨论】：