我正在做一個 React 專案，我正在嘗試使用這個庫（
uj5u.com熱心網友回復：
您必須僅從庫中匯入組件，而不是 css 或 scss 檔案。例如import ImageGallery from 'react-image-gallery'，像<ImageGallery/>往常一樣在下面使用它。
如果不成功，請嘗試將 css/scss 檔案匯入到 index.js
uj5u.com熱心網友回復：
謝謝大家，問題解決了我把這個添加到組件中
匯入“react-image-gallery/styles/css/image-gallery.css”；
import React from 'react'
import "react-image-gallery/styles/css/image-gallery.css";
import ImageGallery from 'react-image-gallery';
import {ImgGallery} from "./Styled.js"
export function ShopDetails() {
const images = [
{
original: 'https://picsum.photos/id/1018/1000/600/',
thumbnail: 'https://picsum.photos/id/1018/250/150/',
},
{
original: 'https://picsum.photos/id/1015/1000/600/',
thumbnail: 'https://picsum.photos/id/1015/250/150/',
},
{
original: 'https://picsum.photos/id/1019/1000/600/',
thumbnail: 'https://picsum.photos/id/1019/250/150/',
},
];
return (
<ImgGallery>
<ImageGallery thumbnailPosition="left" useBrowserFullscreen={false}
showPlayButton={false} autoPlay={true} items={images} />;
</ImgGallery>
)
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/395471.html
標籤：javascript 反应 新产品经理
上一篇：如何基于os運行npm