类型错误：无法读取未定义 React 的属性“匹配”

Question

我有两个。在寄存器中，表单函数有效，但在 createEvent 中则不然。我正在用于管理我的表单。match()react-final-form注册：const emailReg = value => (value.match(/^[a-z\d]+[\w\d.-]*@(?:[a-z\d]+[a-z\d-]+\.){1,5}[a-z]{2,6}$/) ? undefined : `Wrong e-mail format`);...<Field            name="email"            validate={composeValidators(required, emailReg)}          >            {({ input, meta }) => (              <div className={styles.registerFormField}>                <input                  {...input}                  type="email"                  placeholder="E-mail"                  className={styles.registerFormInput}                />                {meta.error && meta.touched && (                  <span className={styles.registerError}>{meta.error}</span>                )}              </div>            )}          </Field>创建事件 ：const timeReg = value => (value.match(/^(20|21|22|23|[01]d|d)(([:][0-5]d){1,2})$/) ? undefined : `Wrong time format`);...  <Field            name="timeStartEvent"            validate={composeValidators(timeReg)}          >            {({ input, meta }) => (              <div className={styles.createEventFormField}>                <label className={styles.createEventFormLabel}>                  <img                    src={TimeIcon}                    className={styles.createEventFormIcon}                  />                </label>                <input                  {...input}                  type="text"                  placeholder="Poczatek"                  className={styles.createEventFormInput}                  style={{                    width: "40%",                    marginRight: "0",                    borderRight: "1px solid #ddd",                    borderRadius: "15px 0 0 15px"                  }}                />                <Field                  name="timeEndEvent"                  validate={composeValidators(timeReg)}                >

Answer 1

您没有将值传递给 ，请验证该值timeReg

const timeReg = value =>

  // check if value exists

  value && value.match(/^(20|21|22|23|[01]d|d)(([:][0-5]d){1,2})$/)

    ? undefined

    : `Niewłaściwy format`;

或传递一个值以点赞timeReg

<Field

   name="timeStartEvent"

   validate={composeValidators(() => timeReg(value))}

 >