reactjs - 使用react-i18next和ant design Form

Question

使用react-18next我必须像这样包装组件

export default translate(['common', 'user', 'validation'], {wait: true})(MyComponent);

但是antdesign表单已经包裹了组件 https://ant.design/components/form/

const WrappedNormalLoginForm = Form.create()(NormalLoginForm);

ReactDOM.render(<WrappedNormalLoginForm />, mountNode);

所以我想将react-18next与antdesign表单一起使用，我确实喜欢这样

export default translate(['common', 'user', 'validation'], {wait: true})(Form.create()(LoginForm));

我收到了这个错误( typescript )

TS2559: Type '{ onSubmit: (username: any, password: any) => void; clearError: () => void; isProcessing: ...' has no properties in common with type 'IntrinsicAttributes & IntrinsicClassAttributes<Component<Pick<Pick<any, never>, never> & Translat...'.

LoginForm.ts

interface Props {
  onSubmit(username, password);
  clearError;
  isProcessing;
  form;
  error;
  t?;
}

class LoginForm extends React.Component<Props, any> {}

你能帮我解决这个问题吗？非常感谢!

Answer 1

您可以使用recompose包。

https://github.com/acdlite/recompose

然后做这样的事情:

import { compose} from 'recompose'

{...}

export default compose(translate(['common', 'user', 'validation'], {wait: true}))(Form.create()(LoginForm));