react谷歌地图:如何动态设置多个独立搜索框组件的谷歌容器(.pac容器)的样式

Question

使用react谷歌地图创建的Google Places搜索框的容器具有名为.pac-container的类。现在，我在一个页面上有多个，我想用不同的风格。例如，一个应该向上下降，另一个应该向下下降。

我怎样才能做到这一点？我不能传一个类名。。。

Answer 1

您可以使用父包装器包装StandAloneSearchBox。

<div className="ancestor1"><StandAloneSearchBox></div>
<div className="ancestor2"><StandAloneSearchBox></div>

和

.ancestor1 .pac-container
.ancestor2 .pac-container

也许你需要把StandAloneSearchBox放进去，因为有时谷歌地图会忽略父div。如果问题仍然存在，请告诉我。