作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我使用 Material UI 选择创建了一个下拉菜单。它说“搜索依据”。当我们点击它时,它会给我们一个列表。当我选择其中一个选项时,我想存储该选项并将“搜索依据”更改为所选选项。
export default function UserSearchPage(){
const [criteria, setCriteria] = useState('');
const [searchItem, setSearchItem] = useState('');
return (
<div>
<div className='main-content'>
<Select
value = {criteria}
onChange={
value => { setCriteria(value);}
}
displayEmpty
>
<MenuItem disabled value="">
<em>Search By</em>
</MenuItem>
<MenuItem value={1}>First Name</MenuItem>
<MenuItem value={2}>Last Name</MenuItem>
<MenuItem value={3}>Phone Number</MenuItem>
<MenuItem value={4}>Email</MenuItem>
</Select>
</div>
)
</div>
);
}
目前,onChange 给我这个值错误:
Argument of type 'ChangeEvent<{ name?: string | undefined; value: unknown; }>' is not assignable to parameter of type 'SetStateAction<string>'.
Type 'ChangeEvent<{ name?: string | undefined; value: unknown; }>' is not assignable to type '(prevState: string) => string'.
如果我使用这个:
onChange={event => setCriteria(event.target.value)}
我得到:
Argument of type 'unknown' is not assignable to parameter of type 'SetStateAction<string>'.
Type 'unknown' is not assignable to type '(prevState: string) => string'.
最佳答案
在使用未知
类型的值之前,您必须对其进行断言。如果您确定 onChange
事件中的值始终是字符串,那么您可以执行 onChange={event => setCriteria(event.target.value as string)}
并且编译器不应该再提示。
关于javascript - 在 Typescript 中选择 Material UI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60532125/
我是一名优秀的程序员,十分优秀!