我是新手做出反应＆amp;我正在使用material-ui，我想在React中设计自定义自动完成，一旦从下拉列表中选择数据，它就会在文本输入中显示为芯片。我正在使用material-ui自动完成的onNewRequest属性，但我不确定如何在其中呈现芯片组件。
有人可以指导我如何正确地做到这一点？我想设计收件人，如gmail中找到的布局。我知道有npm包可用，但我需要纯粹用material-ui设计它，所以请用正确的方法指导
谢谢
答案 0 :(得分：0)
这个问题非常广泛但我会试着至少指出你正确的方向。
您无需在自动完成内渲染芯片，创建一个新的可重用组件。父组件将包含自动完成和芯片。这将包含所有州。它有两个子组件：
第一个孩子总是将自动完成，修改material-ui样式以使其透明且没有下划线/边框。每当选择一个元素时，向父节点发送一个事件，将元素添加到父节点状态的chips数组中。
第二个孩子是芯片阵列。这只是一个表示组件，接收一系列芯片，芯片可能包含另一个支持事件以移除芯片。