Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🐛[BUG] ProForm ProFormText 表单触发校验失败时,页面会闪烁 #8956

Open
Gilinfen opened this issue Jan 7, 2025 · 1 comment

Comments

@Gilinfen
Copy link

Gilinfen commented Jan 7, 2025

🐛 bug 描述

import { ProForm, ProFormText } from "@ant-design/pro-components";

使用 ProFormText 组件在触发表单校验会让页面闪一下

ProFormText 组件校验闪烁 bug

📷 复现步骤

直接使用 ProFormText 组件就会有

demo 仓库地址 - https://github.com/Gilinfen/pro-form-text-bug

🏞 期望结果

期望没有闪烁

💻 复现代码

import { ProForm, ProFormText } from "@ant-design/pro-components";

const AddAppAcc = () => {
  return (
    <ProForm>
      <ProFormText
        rules={[
          {
            required: true,
            message: "测试校验",
          },
        ]}
        name="name"
        label="测试"
      />
    </ProForm>
  );
};

export default AddAppAcc;

© 版本信息

  • "@ant-design/pro-components": "^2.8.3"
  • "antd": "^5.23.0"
  • "react": "^18.3.1"
  • "react-dom": "^18.3.1"
  • Chrome 版本 131.0.6778.205(正式版本) (arm64)
  • node v20.15.1
  • [MacOS]
Copy link

github-actions bot commented Jan 7, 2025

以下的 Issues 可能会帮助到你 / The following issues may help you

@Gilinfen Gilinfen changed the title 🐛[BUG] ProForm表单触发校验失败时,页面会闪烁 🐛[BUG] ProForm ProFormText 表单触发校验失败时,页面会闪烁 Jan 7, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant