小编Ahm*_*asr的帖子

(是的)如何使用单个 .test() 函数创建多个错误

编辑:虽然已接受的解决方案有效,但我的用例中效果更好

我有一个函数可以验证输入字段 A输入字段 B都不为空,并且根据我的表单的构建方式,我只需编写一个函数来检查这两个字段。(实际函数要复杂得多,所以我选择创建下面的示例函数)

这是我的测试功能:

function isValid(message) {
    //I don't use the message variable but I added it anyway
    return this.test("isValid", message, function (value) {
    if(!value.A) {
        return createError({path: `${this.path}.A`, message:"A is empty"});
    }
    if(!value.B) {
        return createError({path: `${this.path}.B`, message:"B is empty"});
    }
    return true;
    })
Run Code Online (Sandbox Code Playgroud)

这样做的结果是,当 A 和 B 为空时,我返回第一个 createError,因此函数的其余部分将被跳过,这就是formik.errors对象的样子:

{
    parent: {
        A: "A is empty"
    }
}
Run Code Online (Sandbox Code Playgroud)

如何创建错误数组并返回它?

我试过:

返回 createErrors() 数组,但我得到了相同的结果,

将 createErrors 与路径和消息数组一起使用,但 formik.errors …

javascript reactjs yup formik

9
推荐指数
1
解决办法
7169
查看次数

在 TextField Material-ui 的开头显示图像而不是在两侧?

我如何在 TextField 内显示图像,就好像它是文本的一部分一样,就像 InputAdornment 一样,不是在任一侧,而是在 TextField 的开头。 我想要实现的目标的一个例子

而不是作为文本输入区域旁边的图标,这就是 InputAdornment 所做的(例如,不像查询字段旁边的搜索图标)?

我能想到的唯一方法是将图像放置在 TextField 上方,但我发现这使得图像是输入的一部分变得不明显。

我已经查看了文档,但似乎没有明显的方法来完成此任务。

提前非常感谢!

javascript css reactjs material-ui

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

标签 统计

javascript ×2

reactjs ×2

css ×1

formik ×1

material-ui ×1

yup ×1