Typescript React Intl Redux表单类型不匹配

时间:2017-11-09 13:57:48

标签: reactjs typescript redux-form react-intl

我想将我的表单连接到Intl,但我很难理解打字稿错误。如果我更改import { injectIntl, InjectedIntlProps } from 'react-intl'; import { reduxForm, Field, InjectedFormProps } from 'redux-form'; interface PageProps extends InjectedIntlProps, InjectedFormProps {} const Page = (props: PageProps): JSX.Element => { const { intl: { formatMessage } } = props; return ( <div> <form> <Field name="date" type="text" component="input" id="date" {...{ label: formatMessage({ id: '...', }), }} /> </form> </div> ); }; export default injectIntl( reduxForm({ form: "FormName", })(Page), ); ,则错误消失。可能,我需要传递一些东西,但我不知道是什么。你能不能看看我做错了什么,或许可以帮助我理解错误。

谢谢

代码:

find ./searchfolder -type f -name "something" | xargs cp -t ./destinationfolder

错误:

  

message:'类型的参数'DecoratedComponentClass&lt; {},   局部&GT;&GT;”不能分配给类型的参数   “ComponentConstructor&GT; &安培;   InjectedIntlProps&GT;”。输入'DecoratedComponentClass&lt; {},   局部&GT;&GT;”不能分配给类型   “StatelessComponent&GT; &安培;   InjectedIntlProps&GT;”。输入'DecoratedComponentClass&lt; {},   局部&GT;&GT;”不提供签名匹配   '(道具:部分&gt;&amp; InjectedIntlProps&amp; {   孩子?:ReactNode; },context?:any):ReactElement |空 ''

1 个答案:

答案 0 :(得分:1)

在页面上尝试injectIntl​​。

export default reduxForm({
    form: "FormName",
})(injectIntl(Page));