小编San*_*eva的帖子

我无法弄清楚如何在 React 中以antd形式添加自定义验证。验证器功能是否有效。请建议一个合适的方法。

<Form.Item
  label="Name"
  name="name"
  rules={[
    {
      required: true,
      message: 'The name is required.',
    },
    {
      pattern: /^[a-zA-Z0-9]+$/,
      message: 'Name can only include letters and numbers.',
    },
  ]}
>
  <Input />
</Form.Item>

我对 Web 开发还很陌生，目前正在尝试使用 React + Vite 构建一些东西。但是当我运行npm run dev该页面时，会显示一个完全白屏，如下所示：

并且终端中没有错误：

我不知道在哪里看但这是我的 App.jsx： 这是我的 Navbar.jsx：