Reactjs 材料UI芯片阵列如何像角度芯片输入一样使用？

是否可以使用React材质UI模拟角度材质样式输入

---

我试图在React中启用角度材料芯片输入的干净外观。材质UI芯片阵列似乎是最接近的，但它似乎不支持本地输入。是否有一种配置可用于获得相同的功能？

根据@ryan cogswell的评论，使用

freeSolo

设置产生的结果与Angular Material的芯片输入类似

import React from "react";
import { Chip, TextField } from "@material-ui/core";
import { Autocomplete } from "@material-ui/lab";

import "./App.css";

export const App: React.FC = () => {
  return (
    <div className="App">
      <Autocomplete
        multiple
        id="tags-filled"
        options={[]}
        freeSolo
        renderTags={(value: string[], getTagProps) =>
          value.map((option: string, index: number) => (
            <Chip
              variant="outlined"
              label={option}
              {...getTagProps({ index })}
            />
          ))
        }
        renderInput={(params) => (
          <TextField
            {...params}
            variant="filled"
            label="freeSolo"
            placeholder="Favorites"
          />
        )}
      />
    </div>
  );
};

从“React”导入React；
从“@material ui/core”导入{Chip，TextField}”；
从“@material ui/lab”导入{Autocomplete}”；
导入“/App.css”；
导出常量应用程序：React.FC=（）=>{
返回(
value.map（（选项：字符串，索引：编号）=>(
))
}
renderInput={（参数）=>(
)}
/>
);
};

我想这可能就是你想要看到的。