如何使用反应挂钩将路由坐标动态传递给传单路由
How to dynamicallly pass the routing coordinates to leaflet-routing using react hooks
我正在尝试创建一个应用程序，它将从自动完成框中获取源位置和目标位置，地图显示两点之间的路线：
我已经使用了两个 useState 来存储 Source 和 Destination 的值。之后，我将这两个值作为道具传递给我的路由组件。但问题是，在我的 Routing 组件中，我收到的目的地道具数据为 'undefined'.
请找到我的沙箱代码here。
注意：在上面的代码中，我现在直接设置了Destination的坐标。
我不明白为什么它会这样。有办法实现吗？
您在 App 组件中传递的道具和在 Routing 中接收的道具中有错字。
您传递的是 desitinationCity 属性，而您期望的是 destinationCity 属性，因此它始终未定义。
我正在尝试创建一个应用程序，它将从自动完成框中获取源位置和目标位置，地图显示两点之间的路线：
我已经使用了两个 useState 来存储 Source 和 Destination 的值。之后，我将这两个值作为道具传递给我的路由组件。但问题是，在我的 Routing 组件中，我收到的目的地道具数据为 'undefined'.
请找到我的沙箱代码here。
注意：在上面的代码中，我现在直接设置了Destination的坐标。
我不明白为什么它会这样。有办法实现吗？
您在 App 组件中传递的道具和在 Routing 中接收的道具中有错字。
您传递的是 desitinationCity 属性，而您期望的是 destinationCity 属性，因此它始终未定义。