小编Sha*_*san的帖子

我有 3 个字段phone1、phone2 和phone3。我想进行验证，因此如果全部为空，它应该发出警报。意味着如果这 3 个字段中的任何一个具有值，则验证应该通过并且不会发出警报。

我为此使用了Yup 库。现在我已经创建了下面的代码，它实际上需要所有 3 个字段。这是我不想要的。

yup.object().shape({
    phone1: yup
        .string()
        .required("Please enter Phone 1"),
    phone2: yup
        .string()
        .required("Please enter Phone 2"),
    phone3: yup
        .string()
        .required("Please enter Phone 3"),
});

我相信我必须使用 Yup JS 的 .test() 方法，它允许自定义验证，但我不确定在这种情况下如何编写它。我正在使用 Express 框架来读取请求。

我正在使用 React Material-Table，并希望覆盖工具栏的默认样式以传递 propDisableGutters={true} ，就像我们在Material-ui Toolbar中所做的那样。这是我的代码

<MaterialTable
    // other props
components={{
          Toolbar: (props) => {
            return (
              <div>
                <MTableToolbar {...props} style={{paddingLeft:"0px"}}/>
              </div>
            );
          },
        }}
      />

但去除排水沟填充物并不起作用。我也尝试过<MTableToolbar {...props} disableGutters={true}/>但没有任何效果。