我试图为谷歌地图创建一个搜索栏,但reach comboBox并没有显示类似它的建议,should.Although,当我在输入框中输入一些东西时,我确实在输入框下面得到了一条细行,比如它试图显示,但没有填充或切断。控制台日志显示api正在处理接收数据。
const {
ready,
value,
suggestions: { status, data },
setValue,
clearSuggestion,
} = usePlacesAutoComplete();
console.log(data);
{
status === "OK" &&
data.map(({ reference, description }) => {
console.log(reference);
console.log(description);
});
}
return (
<div className="search">
<Combobox
onSelect={(address) => {
console.log(address);
}}
>
<ComboboxInput
id="searchInput"
value={value}
onChange={(e) => {
setValue(e.target.value);
}}
placeholder="Type your location"
/>
<ComboboxPopover>
<ComboboxList>
{status === "OK" &&
data.map(({ reference, description }) => {
<ComboboxOption
key={reference}
value={description}
className="options"
/>;
})}
</ComboboxList>
</ComboboxPopover>
</Combobox>
</div>
);
};```
发布于 2022-09-28 13:53:41
试着给ComboboxPopover一个高z指数,这对我有用。
<ComboboxPopover style={{ zIndex: 3000 }}>
https://stackoverflow.com/questions/71416185
复制相似问题