小编Tru*_*ynh的帖子

我有一个这样的组件

<Box px={3}>
  <Content />
</Box>

其实这段代码在手机上渲染是没有问题的。但当我的应用程序在桌面或更大的屏幕上呈现时，paddingX 仍然保持等于 24px（我使用 8 基数 - 8*3=24）。

P/s：我尝试修改 theme.js 中的 theme.spacing 但似乎 Material UI 不允许我们根据断点自定义间距。

所以我的问题是，如何根据屏幕宽度更改间距系统？

我正在使用以下内容：

export const validationSchema = Yup.object().shape({
  password: Yup.string()
    .required('Password is required')
    .matches(
      /^[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]*$/,
      'Need one special character',
    ),
  confirmPassword: Yup.string()
    .oneOf([Yup.ref('password'), null], 'Passwords must match')
    .required('Password confirm is required'),
});

验证密码字符串中是否存在特殊字符。

@ => valid
@a => invalid
a@ => invalid
aa => invalid, of course

我还在线测试了正则表达式模式，以确保该模式能够捕获字符串中的任何特殊字符我想知道这可能是错误或者我做错了什么