小编Luk*_*uka的帖子

如何在react-leaflet中使用Typescript设置对'leafletElement'的引用?

问题是,在我的 React 项目中使用 TS 时,我需要设置函数的类型useRef(),但我不知道它是什么。正如下面的代码所示,我将其设置为然后any调用leafletElement。出现的问题是,即使通过whenCreated函数 isnide引用了映射,该元素也始终是未定义的MapContainer

我试图MapContainer以一种显示所有内容的方式进行设置Marker,使其动态调整大小,因此当位置更改时,它会更新它并调整它,MapContainer因为它没有属性ref

我试图重现的示例

const MapTry = () => {
const [nodes, setNodes] = useState<INode[]>([]);
const [devices, setDevices] = useState<IDevice[]>([]);

const [nodeDeviceTest, deviceNodeConnection] = useState([]);
var arrObj: any = [];
var arrOfBounds: any = [];
var mapRef = useRef<any>();
var groupRef = useRef<any>();


var device = new L.Icon({
    iconUrl: deviceCar,
    iconSize: [30, 30],
    iconAnchor: [16, 3],
    popupAnchor: [1, …
Run Code Online (Sandbox Code Playgroud)

leaflet typescript reactjs react-leaflet

2
推荐指数
1
解决办法
3480
查看次数

标签 统计

leaflet ×1

react-leaflet ×1

reactjs ×1

typescript ×1