在 ReactJS 中,我正在开发一个类组件并使用 Formik 进行验证。我可以进行验证,但错误消息显示为正常颜色(黑色)。如何将此错误消息添加到任何 HTML 元素(span、div 等)内。
下面是验证代码
import React, { Component } from 'react'
import { useFormik } from 'formik';
import { Formik, FormikProps, Form, Field, ErrorMessage } from 'formik';
import * as Yup from 'yup';
export class SubmitCase extends Component {
handleSubmit = (values, {
props = this.props,
setSubmitting
}) => {
setSubmitting(false);
return;
}
render() {
const formFields = {...this.state};
return (
<Formik
initialValues={{
subject: formFields.subject
}}
validate={(values) => {
let errors = {};
if(!values.subject)
errors.subject …Run Code Online (Sandbox Code Playgroud)