Reactjs 在物料界面的自动完成框外移动芯片/标签

Reactjs 在物料界面的自动完成框外移动芯片/标签,reactjs,autocomplete,material-ui,Reactjs,Autocomplete,Material Ui,我正在使用Material UIAutocomplete组件,试图找出是否可以将芯片/标签移出输入框。这可能吗。。?我更喜欢把芯片列在盒子下面。这样,文本框可以仅用于用户输入,而不是同时显示芯片/标签和用户输入 我试着玩一个基本的演示,但没有任何运气。我将其清除回默认状态,以防这里有一些用户有此方面的经验。示例的起点可以是以下沙箱 您可以通过在自动完成中禁用标记呈现,并在自动完成下添加您自己的芯片列表来实现 const[value,setValue]=useState([]); const on

我正在使用Material UI
Autocomplete
组件,试图找出是否可以将芯片/标签移出输入框。这可能吗。。?我更喜欢把芯片列在盒子下面。这样,文本框可以仅用于用户输入,而不是同时显示芯片/标签和用户输入

我试着玩一个基本的演示,但没有任何运气。我将其清除回默认状态,以防这里有一些用户有此方面的经验。示例的起点可以是以下沙箱


您可以通过在
自动完成
中禁用标记呈现,并在
自动完成
下添加您自己的
芯片
列表来实现

const[value,setValue]=useState([]);
const onDelete=(标题)=>()=>{
setValue((value)=>value.filter((v)=>v.title!==title));
};
返回(