React js Typescript 类型为"string"的参数不能分配给类型为"SetStateAction"的参数<number>

Question

您好，我遇到了此错误：

Argument of type 'string' is not assignable to parameter of type 'SetStateAction<number>'.

这是我代码的一部分：

.
.
.
const[ idPadre, setIdPadre ] = useState<number>(0);
.
.
.
<select 
onChange={ (e) => setIdPadre( e.target.value ) }
value={ idPadre }
>
<option value="">Select...</option>
{data.map((item) => {
return <option key={item.id}
value={ item.id }
>{item.description}</option>
})}                                
</select>

所以，我正在从文件 json 添加数据，我希望选择一个项目和值 get id。

Answer 1

该错误非常具有描述性。不能将string类型的参数传递到需要数字的 useState 钩子中。

您正在使用e.target.value变量(字符串)调用setIdPadre钩子。

您可以做的是将值转换为数字：

{ (e) => setIdPadre( parseInt(e.target.value) ) }