javascript - 在 map 上渲染多个元素 google-map-react

Question

我在使用 google-map-react 渲染多个元素时遇到问题。我正在做的一切就像示例中那样，使用硬编码元素一切都好，但是对于我想要使用 map 方法渲染的元素，就像我使用常规 react 组件一样，我遇到了麻烦。这是jsbin link您可以在其中查看，在 map 中我们应该看到 3 个点，但现在我们只有硬编码的一个。

Answer 1

在你的 map 函数中，你必须返回你的 AnyReactComponent。

像这样:

{Scenes.map(scene => {

      let lat=scene.coordinates[0];
      let lng=scene.coordinates[1];
      let sceneName=scene.name;

      console.log(`Latitude - ${lat}\nLongitude - ${lng}\nSceneName - ${sceneName}`);

      return <AnyReactComponent 
          lat={lat} 
          lng={lng} 
          text={sceneName} 
      />
})}