小编Kar*_*ral的帖子

每当 React Formik 中发生错误时,更改现有输入字段的样式

在我使用 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)

forms reactjs css-modules formik

7
推荐指数
2
解决办法
9910
查看次数

不从后端数据渲染 html 中的 & 符号

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

html javascript node.js express handlebars.js

3
推荐指数
1
解决办法
506
查看次数