当前位置: 首页 > news >正文

ant-design为input设置默认值,form失效

1.常规input

    const [inputValue, setInputValue] = useState("111");const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {setInputValue(e.target.value)};//使用<Input onChange={handleInputChange} value={inputValue}></Input>

效果

2.第一种方式在Form,Form.Item中会失效

 (一) 在Form.Item上设置

   <Form.Item label="ID" name="ID" initialValue={"111"}><Input></Input></Form.Item>

(二)在Form上设置

<Form initialValues={{id:"222"}}><Form.Item label="ID" name="id"><Input></Input></Form.Item></Form>

(三) 使用hook

    const [form] = Form.useForm();form.setFieldsValue({id:"9999"})//使用<Form form={form}><Form.Item label="ID" name="id"><Input></Input></Form.Item></Form>

效果

参考 

 


http://www.mrgr.cn/news/45763.html

相关文章:

  • 如何在 MySQL 中处理 BLOB 和 CLOB 数据类型
  • Overleaf 无法显示图片
  • 每日OJ题_牛客_分组_枚举+二分_C++_Java
  • Linux 学习
  • 登录注册静态网页实现(HTML,CSS)
  • 判断推理(3)
  • Linux系统编程—I/O缓冲区(C语言实现)
  • 极客兔兔Gee-Cache Day5
  • 四.python核心语法
  • alsa-lib 插件 dsnoop 实现简单分析
  • 最大异或对(每周一类)
  • 永磁同步电机环路反步法(backstepping)控制
  • 解决重写QSilder::sliderPress后点击位置与滑块显示位置不一样的问题
  • docker compose入门1—概念介绍
  • open3D release版配置及简单使用
  • 『网络游戏』业务系统基类【08】
  • 网络信息安全法律与政策文件
  • 大厂面试真题-说说AtomicInteger 线程安全原理
  • 如何实现一个基于 HTML+CSS+JS 的任务进度条
  • Windows无需管理员权限,命令轻松修改IP和DNS