尽管使用了ref,但FindDomNode弃用警告

时间:2020-04-08 09:47:50

标签: javascript reactjs

我有以下内容

const myMap = useRef(null);

 const [demo, setDemo] = useState({
    height: 0,
    width: 0,
  });

 const handleResize = () => {
    myMap.current &&
      setDemo({
        ...demo,
        height: myMap.current.clientHeight,
        width: myMap.current.clientWidth,
      });
  };

<Fragment>
       <ResizeDetector handleWidth handleHeight onResize={handleResize}>
          <div className="sm:w-3/5 sm:h-3/5 lg:w-4/5 lg:h-4/5" ref={myMap}>
            <ReactMapGL
              {...viewport}
              onViewportChange={(viewport) => setViewport(viewport)}
              mapboxApiAccessToken={process.env.REACT_APP_MAPBOX_TOKEN}
            ></ReactMapGL>
          </div>
       </ResizeDetector>
</Fragment>

我在div中使用了ref,但是仍然收到弃用警告,提示不建议使用dom节点,而是对您要引用的元素使用ref?

是react-resize-detector软件包的问题还是我的错?

0 个答案:

没有答案