小编Har*_*nan的帖子

ReactJS Formik 以红色显示错误消息

在 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)

validation reactjs formik

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

formik ×1

reactjs ×1

validation ×1