我有以下内容
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软件包的问题还是我的错?