类型 'number' 不可分配给类型 'SetStateAction<undefined>'。 - 反应

Question

我有一个让我选择 1、2 或 3 的 SelectInput，在它下面我有一个 MultiSelect（带有 Mantine 库）。

我想 select 副驾驶号（在 SelectInput 上），并允许在 MultiSelect 上 selected 号。

这是我的代码：

const [maxCopilote, setMaxCopilote] = useState()

<NumberInput
      defaultValue={1}
      max={3}
      min={1}
      required
      placeholder="Number of copilot"
      onChange={(e) => setMaxCopilote(e)}
 />
                                        
<MultiSelect
      data={['Copilote1', 'Copilote2', 'Copilote3']}
      required
      placeholder="Select copilote(s)"
      maxSelectedValues={maxCopilote}
      clearable
/>

使用这段代码，我得到了错误：

Argument of type 'number | undefined' is not assignable to parameter of type SetStateAction<undefined>.
Type 'number' is not assignable to type 'SetStateAction<undefined>'.  TS2345

如何获取我 select 编辑的数字，以便将其动态放入 maxSelectValues？

谢谢

PS : console.log(e) onChange in the numberInput, log the selected number correctly

Answer 1

使用 useState 时声明类型

const [maxCopilote, setMaxCopilote] = useState<number | undefined>(1)

我们也可以添加默认值

类型 'number' 不可分配给类型 'SetStateAction<undefined>'。 - 反应

Type 'number' is not assignable to type 'SetStateAction<undefined>'. - React

reactjs

select

react-hooks

webhooks

mantine