【Ant.designPro】常用输入框与弹窗组件

前端输入框与弹窗组件介绍

原创

已于 2024-11-08 20:34:51 修改 · 939 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#typescript #前端

于 2024-09-13 16:47:03 首次发布

Ant.design常用组件

一、输入框组件
二、弹窗组件

一、输入框组件

1.ProFormSelect 下拉选择框
下拉框多选方法：
fieldProps={ {
mode: ‘multiple’,
}}
2.ProFormTextArea 大段内容框
3.ProFormRadio 单选框
4.ProFormText 输入框

<ProFormSelect
	label={
   
   "1"}
   	name={
   
   "num"}
    options={
   
   [
       {
   
   label:"1",value:"1"},
       {
   
   label:"2",value:"2"},
       {
   
   label:"3",value:"3"},
     ]}
     fieldProps={
   
   {
   
   
       mode: 'multiple',//下拉框多选方法 multiple
     }}
/>

<Popconfirm
 title={
   
   '确认是否删除'}
 onConfirm={
   
   async ()=>{
   
   
   const value