在我使用 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;
}
Run Code Online (Sandbox Code Playgroud)
代码:
import React, { Component } from "react";
import classes from "./P.module.css";
import { NavLink } from "react-router-dom";
import { Formik, Form, Field, …Run Code Online (Sandbox Code Playgroud) 我在 Express Handbars 上创建了一个项目,它从 YouTube API 获取一些数据,但数据有一些特殊字符,如标题中的 &39#('符号)&(&符号)每当我使用车把渲染一些数据时,它都会渲染标题原样
从后端发送数据
router.get("/demo", (req, res, next) => {
res.render("demo", {
data:
"Smith & Jone' Car ", // simply means Smith & Jone's Car
});
});
Run Code Online (Sandbox Code Playgroud)
通过把手渲染数据
<div class="bg-white container2 px-3 py-1">
<a href="#">
{{data}}
</a>
</div>
Run Code Online (Sandbox Code Playgroud)