反应如何使validationSchema可重用

时间:2020-05-04 21:52:25

标签: reactjs validation formik

我有一个组件,其中有一个表单和validationSchema(我使用formik)。

我的验证架构使用react-intl来翻译消息。不幸的是,我在两个不同的地方有相同的架构,我也想将其导出以导入另一个地方。 由于国际原因,我不知道该怎么办。

我的代码:

import { injectIntl, intlShape } from 'react-intl';

const MyComponent = (props) => {

const { intl } = props;

const setValidationSchema = () => ({
  companyName: string(),
  firstName: string().required(),
  lastName: string().required(),
  dateOfBirth: date().required().typeError(intl.formatMessage(messages.dateOfBirth)),
  street: string().required(),
});

1 个答案:

答案 0 :(得分:1)

您可以像这样使用它:

export const MyComponent =(props) =>( ) 并将intl的引用作为模式中的参数传递

希望对您有帮助