react-google-maps：如何为多个StandaloneSearchBox组件的Google容器（.pac-container）动态设置样式？

Question

使用react-google-maps创建的Google地方信息搜索框的容器名为.pac-container。现在，我在一页上有多个，我想用不同的样式。例如，一个应下降，另一个应下降。

我该如何实现？我无法传递课程名称...

Answer 1

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

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

和

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

也许您需要放入StandAloneSearchBox内，因为有时Google Maps会忽略父div。让我知道问题是否仍然存在。