相关疑难解决方法(0)

在我使用 React Formik 库创建的 React Form 中，每当出现错误时，我想将输入元素边框颜色的样式更改为1px 纯红色。

但正如我们所知，react formik 每当发现新的验证错误时都会使用 ErrorMessage 渲染一个新的错误组件，所以基本上，当错误发生时，我们如何更改现有的输入字段颜色？

CSS：

.formGroup input {
  width: 100%;
  border: none;
  border-bottom: 1px solid black;
}
.formGroup input:focus {
  outline: none;
}
.formGroup button {
  background-color: antiquewhite;
  border-radius: 3px;
  border: none;
  font-size: 15px;
  padding: 10px;
}
.error {
  color: red;
  text-align: start;
  font-size: 13px;
}

代码：

import React, { Component } from "react";
import classes from "./P.module.css";
import { NavLink } from "react-router-dom";
import { Formik, Form, Field, …