reactjs - 如何为 Material-Ui 自动完成组件添加附加选项?
问题描述
我想为自动完成选项添加一个附加选项。我让它被看到:
setOptions((state) => [
...state,
{ name: "All Results" },
]);
但这取决于您在搜索字段中输入的内容,如果我输入了一些不是该选项的字母,它将不会显示
<Autocomplete
freeSolo
options={options}
renderOption={(option) => (
<Typography>
<Link
to={
option.media_type === "movie"
? "/movie/" + option.id
: option.media_type === "person"
? "/person/" + option.id
: "/tv/" + option.id
}
style={{ textDecoration: "none" }}
>
{option.title ? option.title : option.name}
</Link>
</Typography>
)}
getOptionLabel={(option) => (option.title ? option.title : option.name)}
noOptionsText
style={{ width: "40vw", borderRight: "none", borderLeft: "none" }}
renderInput={(params) => {
return (
<TextField
{...params}
variant="outlined"
fullWidth
placeholder="Search for movie, tv or person"
value={value}
onChange={optimisedVersion}
/>
);
}}
/>
解决方案
推荐阅读
- django - Django REST Serializer 使用错误的模型进行序列化
- python - python文件写入程序运行时如何更新桌面上的文件大小
- javascript - 使用 d3.js 更新表数据
- c# - C#捕获从不在进程中的函数返回的异常?
- r - 如何设置仅在输入 3 时才显示集合向量的函数?
- javascript - 如果 URI 没有改变,例如在单页应用程序上,如何检测用户是否在新页面上?
- angular - Angular Kendo UI 全局访问
- php - 内连接循环通过
- git - 如何 git rebase 从另一个分支直接到 master 分支?
- javascript - 受控数字比例映射