Reactjs 类型“{children？：ReactNode；}”上不存在属性“onClick”

我似乎找不到我做错了什么。。。 如有任何帮助，将不胜感激：

type Props = {
  onClick: () => void, 
  value: string
}

const CustomInput = forwardRef<Props>(({ onClick, value }, ref) => (
  <div className="react-datepicker-custom-input" onClick={onClick}>
    {value}
    <i className={classes.arrowDown}></i>
  </div>
));


error message: Property 'onClick' does not exist on type '{ children?: ReactNode; }

导出默认自定义输入

Props generic应该作为第二个参数，而不是第一个参数

例如：

类型道具={ onClick:=>void， 值：字符串 } 类型RefType=number const CustomInput=forwardRef{onClick，value}，ref=> {value} ; forwardRef的第一个泛型参数用于ref类型，第二个-如果相应地用于props

props generic应作为第二个参数，而不是第一个参数

例如：

类型道具={ onClick:=>void， 值：字符串 } 类型RefType=number const CustomInput=forwardRef{onClick，value}，ref=> {value} ;

---

forwardRef的第一个通用参数用于ref type，第二个-如果相应地用于props

您可以通过以下方式添加它：

类型道具={ onClick:=>void， 值：字符串 } const CustomInput=forwardRef{onClick，value}:Props，ref:any=> {value} ;

---

您可以通过以下方式添加它：

类型道具={ onClick:=>void， 值：字符串 } const CustomInput=forwardRef{onClick，value}:Props，ref:any=> {value} ;