Я создаю приложение React и хочу использовать response-localize-redux для перевода и yup для проверки.Моя проблема в том, чтобы понять, как их объединить.
Я знаю, что могу передать строки в yup-require или в функцию, так как это подпись:
mixed.required(message?: string | function): Schema
Это прекрасно работает, когда я просто передаю строку, но я не понимаю, как тогда я могу передать перевод моего response-localize-redux после импорта модуля
import { Translate } from 'react-localize-redux';
, где яЯ привык к JSX-компонентам, таким как
<Translate id="you-can-login-now" />
, который возвращает мою переведенную строку.Понятия не имею ..
Мой код:
import { Translate } from 'react-localize-redux';
import * as Yup from 'yup';
<Formik
initialValues={this.state.data}
validationSchema={Yup.object().shape({
name: Yup.string().required('required')
})}
...
/>