首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >未显示@reach/ComboBox列表项

未显示@reach/ComboBox列表项
EN

Stack Overflow用户
提问于 2022-03-09 21:29:06
回答 1查看 133关注 0票数 1

我试图为谷歌地图创建一个搜索栏,但reach comboBox并没有显示类似它的建议,should.Although,当我在输入框中输入一些东西时,我确实在输入框下面得到了一条细行,比如它试图显示,但没有填充或切断。控制台日志显示api正在处理接收数据。

代码语言:javascript
运行
复制
  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>
  );
};```
EN

回答 1

Stack Overflow用户

发布于 2022-09-28 13:53:41

试着给ComboboxPopover一个高z指数,这对我有用。

代码语言:javascript
运行
复制
<ComboboxPopover style={{ zIndex: 3000 }}>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71416185

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档