反应选择打字 稿问题(反应使用形式状态)

问题描述 投票:0回答:2

这可能是非常具体和棘手的,但是在这里很难找到解决方案。

本质上,我们(我正在从事的项目)在一些Form控件周围具有包装器,以保留所有处理程序/设置样板,而对于在React-Select库中包装Select的Select组件,我遇到了麻烦。] >

react-use-form-state公开了'raw'类型以与自定义控件一起使用,您可以在其中使用公开的setField方法自己更新值。该库还允许自定义类型声明来定义表单状态:

const [ formState, { raw } ] = useFormState<FormSchema>()

要在自定义组件中使用此原始类型,其后面的Input类型是通用类型,其中该类型是表单状态的类型。

但是,如果我删除了这种额外的抽象级别,并直接将其用于实例化状态的同一函数中,则可以正常工作:

我想问的是,我将如何在CustomSelect组件中正确键入此内容以正确满足打字稿。

Codesandbox of minimum code here

这可能是非常具体且棘手的,但是在这里很难找到解决方案。本质上,我们(我所在的项目)在一些Form控件周围具有包装器,以保留所有处理程序/设置...

reactjs typescript react-select
2个回答
0
投票

嘿,我想我通过在您选择的组件定义中扩展ValueType的使用来使您的类型定义正常工作。


0
投票

最终通过简单地传递所需的值来解决此问题,而不是试图将它们从依赖于类型的父对象中拉出来。

© www.soinside.com 2019 - 2024. All rights reserved.