【Ant-design】Form表单如何实现某个属性根据接口code显示对应的表单校验效果


typescript 复制代码
import React from 'react';
import { SmileOutlined } from '@ant-design/icons';
import {
  Cascader,
  DatePicker,
  Form,
  Input,
  InputNumber,
  Mentions,
  Select,
  TimePicker,
  TreeSelect,
} from 'antd';

const { Option } = Select;
// validateStatus="error",校验状态,如不设置,则会根据校验规则自动生成,可选:'success' 'warning' 'error' 'validating'
const App: React.FC = () => (
  <Form style={{ maxWidth: 600 }}>
    <Form.Item
      label="Fail"
      validateStatus="error"
      help="Should be combination of numbers & alphabets"
    >
      <Input placeholder="unavailable choice" />
    </Form.Item>
  </Form>
);

export default App;
相关推荐
VT.馒头13 小时前
【力扣】2727. 判断对象是否为空
javascript·数据结构·算法·leetcode·职场和发展
鹏北海13 小时前
micro-app 微前端项目部署指南
前端·nginx·微服务
发现一只大呆瓜13 小时前
虚拟列表:从定高到动态高度的 Vue 3 & React 满分实现
前端·vue.js·react.js
css趣多多13 小时前
add组件增删改的表单处理
java·服务器·前端
证榜样呀13 小时前
2026 大专计算机专业必考证书推荐什么
大数据·前端
蓝帆傲亦13 小时前
前端性能极速优化完全指南:从加载秒开体验到丝滑交互
前端·交互
鱼毓屿御13 小时前
如何给用户添加权限
前端·javascript·vue.js
JustHappy13 小时前
「web extensions🛠️」有关浏览器扩展,开发前你需要知道一些......
前端·javascript·开源
何中应14 小时前
nvm安装使用
前端·node.js·开发工具
xixixin_14 小时前
【JavaScript 】从 || 到??:JavaScript 空值处理的最佳实践升级
开发语言·javascript·ecmascript