React 播放器视频不会停止播放

如何解决React 播放器视频不会停止播放

我使用 React-Slick 作为滑块。在我的一个滑块中，我有一个视频要播放。我可以使用 React-Video 播放视频但是即使我们更改幻灯片视频也可以播放

const [ isplaying,setIsplaying ] = useState(false)

     <div>
      <ReactPlayer
               key={`frame'-${media.id}`}
               width={IMAGE_WIDTH}
               height={IMAGE_HEIGHT}
               allowFullScreen={true}
               playing={isplaying}
               controls
               url={media.src}></ReactPlayer>
            )}
    </div>  
 
         <Slider
          className={isViewWide ? css.sliderRegularWide : css.sliderRegularNarrow}
          asNavFor={nav2}
          beforeChange={(currentIndex,nextIndex) => {
            if (currentIndex === 4) { setIsplaying(false)}
          }}
          ref={slider1 => setNav1(slider1)}
          {...settingsRegular}>
          {regularImages}
        </Slider>

           

即使设置为 false，视频也不会停止播放。