如何使用反应钩子将路由坐标动态传递给传单路由

问题描述

我正在尝试创建一个应用程序,该应用程序将从自动完成框中获取源位置和目标位置,并且地图显示两点之间的路线:

ScreenShot:

我使用了两个 useState 来存储 Source 和 Destination 的值。之后,我将这两个值作为道具传递给我的 Routing 组件。但问题是,在我的路由组件中,我收到目的地的道具数据为“未定义”。

请找到我的沙盒代码 here

注意:在上面的代码中,现在我直接设置了目的地的坐标。

我无法弄清楚它为什么会这样。有没有办法做到这一点?

解决方法

您在 App 组件中传递的 prop 和 Routing 中接收的 prop 中有一个错字。

您正在传递 desitinationCity 道具,而您期待 destinationCity 道具,因此它始终是未定义的。

Demo