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 (将#修改为@)