reactjs - 类型 'number' 不可分配给类型 'SetStateAction' 。 - react

Question

我有一个 SelectInput 可以让我选择 1、2 或 3，在它下面，我有一个 MultiSelect(带有 Mantine 库)。

我想选择副驾驶的数量(在 SelectInput 上)，并允许在 MultiSelect 上选择的数量。

这是我的代码:

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

如何获取我选择的数字，并将其动态放入 maxSelectValues 中？

谢谢

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

Answer 1

使用useState时声明一个类型

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

此外，您可以添加一个默认值