选项不适用于 React Owl Carousel 2

Question

我按照文档https://www.npmjs.com/package/react-owl-carousel2 并尝试集成猫头鹰轮播2。它是一个图像轮播。即使我更改了项目选项值，所有图像都显示为一侧。下面是我的代码。任何人都可以看看为什么它不起作用。

import React from 'react';
import OwlCarousel from 'react-owl-carousel2';  
import 'owl.carousel/dist/assets/owl.carousel.css';  
import 'owl.carousel/dist/assets/owl.theme.default.css';  

export default class CalendarView extends React.Component{
    render(){
        const options = {
            items: 1,
            nav: true,
            rewind: true,
            autoplay: true
        };
        
        return(
            <div>
                <div>This is Calendar View</div>
                <div className='container-fluid' >            
                
                <OwlCarousel className="owl-theme" options={options} margin={4}>
                    <div>
                        <img className="img" src= {'../assets/img/completed_case_1.png'} height="250px"/>
                        <img className="img" src= {'../assets/img/completed_case_2.png'}  height="250px"/>
                        <img className="img" src= {'../assets/img/completed_case_3.png'}  height="250px"/>
                        <img className="img" src= {'../assets/img/gallery_4.png'} height="250px"/>
                        <img className="img" src= {'../assets/img/gallery_5.png'} height="250px"/>
                    </div>      
                </OwlCarousel>  

             </div>
            </div>
            
        );
    }
}

这是我得到的输出

Answer 1

更改<div />标签在每个图像上换行，而不是换行所有图像。

<div><img src="" /></div>
<div><img src="" /></div>
<div><img src="" /></div>
<div><img src="" /></div>