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

Question

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

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

请在此处找到我的沙盒代码。

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

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

Answer 1

您在App组件中传递的道具和您收到的道具中有错字Routing。

desitinationCity您在期待 prop 时正在传递prop，destinationCity因此它始终是未定义的。

演示