如何传递useState的setter作为组件参数？其类型该如何定义？

你可以把setImageIdUploaded的类型定义为React.Dispatch<React.SetStateAction<string | undefined>>，完整的props类型写法如下：

import React, { Dispatch, SetStateAction } from 'react';

export default function BuyTicketForm(props: {
    setImageIdUploaded?: Dispatch<SetStateAction<string | undefined>>
}) {
    // 组件逻辑
}

或者也可以直接使用完整命名空间写法，无需单独导入Dispatch和SetStateAction：

export default function BuyTicketForm(props: {
    setImageIdUploaded?: React.Dispatch<React.SetStateAction<string | undefined>>
}) {
    // 组件逻辑
}

补充说明 #

• React.SetStateAction<T>对应useState setter函数的参数类型：既可以直接传入T类型的值，也可以传入一个接收当前状态并返回T类型的回调函数。
• React.Dispatch<Action>则描述了“可以分发该Action的函数”，完全匹配useState返回的setter函数类型。

内容的提问来源于stack exchange，提问作者János