小编Ari*_*ffa的帖子

我需要使用烨做一个表单验证检查输入类型email1，email2，email3，email4和email5在我的应用程序作出反应。

经验法则很简单。检查这些emails格式是否有效，并且不能具有相似的emails值。

我对是的超级新手。所以我所做的是：

const message = 'Duplicate emails not allowed';
const incorrect = 'Incorrect email format';

const Schema = Yup.object().shape({
  email1: Yup.string()
    .email(incorrect)
    .oneOf([Yup.ref('email2'), null], message)
    .oneOf([Yup.ref('email3'), null], message)
    .oneOf([Yup.ref('email4'), null], message)
    .oneOf([Yup.ref('email5'), null], message),
  email2: Yup.string()
    .email(incorrect)
    .oneOf([Yup.ref('email1'), null], message)
    .oneOf([Yup.ref('email3'), null], message) 
    .oneOf([Yup.ref('email4'), null], message)
    .oneOf([Yup.ref('email5'), null], message),
  email3: Yup.string()
    .email(incorrect)
    .oneOf([Yup.ref('email1'), null], message)
    .oneOf([Yup.ref('email2'), null], message)
    .oneOf([Yup.ref('email4'), null], message)
    .oneOf([Yup.ref('email5'), null], message),
  email4: …

我还是 React 和 Redux 的新手。所以，我知道 的存在redux-form，但我不打算在这个项目中使用。所以，我正在做的是创建一个form不使用redux-form. 这form将从减速器获取数据并将其传递给backend API.

这是我的CreateListing.jsx主页。

    // @flow
   import React from 'react';
   import { connect } from 'react-redux';
   import { Helmet } from 'react-helmet';
   import { SEOService } from '[services]';
   import CreateListingFormPage1 from './CreateListing/CreateListingFormPage1';
   import CreateListingFormPage2 from './CreateListing/CreateListingFormPage2';
   import CreateListingFormPage3 from './CreateListing/CreateListingFormPage3';
   import WhereAmI from './CreateListing/WhereAmI';
   import SuccessCreateListing from './CreateListing/SuccessCreateListing';

   type Props = {
    ...props...
  };

  class CreateListing extends React.Component<Props> {

getPageBySequence(pagenum) {
  // depending …