首页 > 解决方案 > 为 MUI 自动完成组件选择“无选项”

问题描述

我一直在寻找为 Material-UI 自动完成组件创建可选择的“无选项”的能力。

在此处输入图像描述

我尝试获取文档提供给我们的代码并使用该noOptionsText属性,因为它允许传递节点...


const myNoOptionsNode = (
    <button onClick={() => noOptionHandler()}>No Options Found</button>
);

<Autocomplete
   noOptionsText={myNoOptionsNode}
   options={optionsList}
   ...
/>

不幸的是,myNoOptionsNode仍然没有附加点击事件。有没有人能够通过使用此组件创建一个可选择的“无选项”字段?这是一个沙箱来重新创建我的示例:沙箱

标签: reactjsautocompletematerial-ui

解决方案


推荐阅读