微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

findDOMNode 在 StrictMode 中已弃用:React

如何解决findDOMNode 在 StrictMode 中已弃用:React

index.js:1 警告:在 StrictMode 中不推荐使用 findDOMNode。 findDOMNode 传递了一个位于 StrictMode 内的 Transition 实例。相反,直接向要引用的元素添加 ref。在此处了解有关安全使用 refs 的更多信息:https://reactjs.org/link/strict-mode-find-node

 import Carousel from 'react-bootstrap/Carousel';

    class HomeScreenCarousel extends Component {
        
             data= [{
                id:1,imgurl:"https://www.iclarified.com/images/news/71027/71027/71027-1280.jpg"
              }];
            
             state={ 
                      carouselData:data
                   };
                    
              render() {
                        const {carouselData}=this.state;
                        return (
                            <div className="carousel-container">
                                <Carousel>
                                    {carouselData.map(
                                        item=>(
                                            <Carousel.Item key={item.id} interval={3000}>
                                                <div className="carousel">
                                                    <Link to="">
                                                        <img src={item.imgurl}/>
                                                    </Link>
                                                </div>
                                            </Carousel.Item>
                                        )
                                    )}
                                </Carousel>
                            </div>
                        );}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。