Reactjs 以编程方式显示react autosuggest的建议

我在这里使用react autosuggest库：现在，当用户单击输入框时，输入框下方会弹出输入建议列表，类似于下拉列表。但我也在输入框中添加了一个字体向下箭头。单击该按钮时，不会发生任何事情。我只想让它显示与实际输入框相同的列表

下面是我如何渲染输入组件的：

const renderInputComponent=（inputProps）=>(
{选定的客户(
{
设置所选客户（“”）；
设置建议值（“”）；
}}
/>
) : (
{
??? 
)}
{/**/}
{/*当我添加上述注释到代码中以在单击插入符号时显示选项时，我得到一个错误：https://github.com/moroshko/react-autosuggest/pull/631 */}
);

我已经创建了一个代码沙盒来演示我的请求。我在我认为代码应该去的地方添加了注释。

这是一幅图像：

该下拉插入符号图标应显示与在框中单击相同的所有结果：

---

您可以通过聚焦输入来触发下拉菜单。要执行此操作，只需创建对其的引用：

const autosuggestInput = useRef(null);

...

<input {...inputProps} ref={autosuggestInput} />

---

您可以在此处找到一个修复了此问题的分叉回购：

您能否提供预期的输出图像和codesandbox以更好地理解您的问题。我在底部添加了一个Code Sandbox。还添加了图像。谢谢！我以为我以前试过了，结果出了一个错误，但现在它起作用了！

<FontAwesomeIcon
  icon={faAngleDown}
  size={"1x"}
  onClick={() => {
    autosuggestInput.current.focus();
  }}
/>