Javascript React JS：如何获取特定数据并将其放入组件中？

我有一个单独的文件，其中包含一些数据：

module.export = {
    city1 : {
        name: 'Peshawar, Pakistan',
        image: '',
        about: 'World Health Organization has ranked Peshawar as the second most...'
    },
    city2: {
        name: 'Handan, China',
        image: '',
        about: 'Hebei province, home to many of China’s most polluted cities, has  promised to...'
    },
    city3: {
        name: 'Lucknow, India',
        image: '',
        about: 'Lucknow faces many problems similar to major metros in India. So...'
    },
}

---

例如，我想点击一个标记（来自Google Maps API），在一个单独的组件中显示city1数据（或点击的任何一个）。我如何做到这一点？

您是否使用npm软件包？这个可能对您有用：

---

当用户单击标记时，您需要调度一个操作，然后在Reducer中处理此操作（如果使用Redux）。

您必须找到一种方法将标记与城市链接，然后当用户单击标记时，只需过滤导出的对象以仅检索正确的城市。您的项目是否在Github上或其他地方，我们可以在那里查看代码？不，还没有。基本上，我安装了谷歌地图api：我添加了一些标记，比如{some City}。问题更多的是道具的使用和数据传播，而不是react stack的地图组件问题。我确实使用了这个包，它工作得很好。我只想将地图上的标记与上面的数据连接起来，并将其显示在单独的组件中。当有人单击标记时，您不能发送操作吗？我不使用redux，这是不必要的。