我正在使用@fluentui/react-northstar 轮播组件link。它似乎解决了我的问题，但是在将它加载到 spfx 时，它没有采用任何默认的 css 等。我的 webpart 只是以垂直方式显示图像，而不是显示正确的轮播。请找到我的代码here
我也尝试过 react-material carousel，但为此我也面临同样的问题。
【问题讨论】：
标签： reactjs sharepoint carousel spfx fluent-ui
我基于 spfx/react 创建了 'hello word' webpart 并插入了提到的组件，它在这里运行良好：
这是我的测试演示：
BR
//////////----更新---/////////////////
基于文档中的示例，我添加了如下缩略图功能：
我认为它运作良好，就像示例显示的那样。可以试试吗？
【讨论】：
<Carousel ariaRoleDescription="carousel" ariaLabel="Portrait collection" thumbnails navigation={{ 'aria-label': 'people portraits', items: carouselItems.map((item, index) => ({ key: index, 'aria-controls': item.id, 'aria-label': item['aria-label'], content: item.thumbnail, })), }} items={carouselItems} getItemPositionText={(index: number, size: number) => ${index + 1} of ${size}} />