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 添加数据，我希望 select 一个项目和值获得 ID。

Answer 1

该错误描述性很强。您不能将 string 类型的参数传递到需要数字的 useState 挂钩中。

您正在使用 e.target.value 变量调用 setIdPadre 挂钩，该变量是一个字符串。

您可以将值转换为数字：

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

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

React js Typescript Argument of type 'string' is not assignable to parameter of type 'SetStateAction<number>'

typescript

reactjs

tsx