rocktanga的博客

六、其它组件1、Divider分割线区隔内容的分割线。何时使用：<1>对不同章节的文本段落进行分割。<2>对行内文字/链接进行分割，例如表格的操作列。(1)<Divider>组件对应属性: 组件里面可以加上文字，就为在分割线上面的文字<1>className: 表示分割线样式类.可选值：无；默认值： -；类型：string<2>dashed: 表示是否虚线.可选值：无；默认值： false；类型：boolean&lt

五、反馈组件1、Alert警告提示警告提示，展现需要关注的信息。何时使用：<1>当某个页面需要向用户显示警告的信息时。。<2>非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。2、Drawer抽屉屏幕边缘滑出的浮层面板。点击之后，从屏幕边缘滑出一个块，然后可以在这个块里面写很多的内容进去。这个和modal是差不多的，只不过是样式不一样而已。由于这个Drawer组件没有footer属性，所以如果想要设置Drawer底部的按钮需要自己去设置(一般就用po

12、Tree树形控件多层次的结构列表。何时使用：文件夹、组织架构、生物分类、国家地区等等，世间万物的大多数结构都是树形结构。使用 树控件 可以完整展现其中的层级关系，并具有展开收起选择等交互功能。(0)<Tree>组件对应的事件<1>onCheck事件: 表示选中复选框，或者取消复选框的选中时触发.可选值：无；默认值： -；类型： function(checkedKeys, info:{checked: boolean, checkedNodes, node

四、数据展示1、Avatar头像用来代表用户或事物，支持图片、图标或字符展示何时使用：需要用头像的时候(0)<Avatar>组件对应的事件<1>onError事件: 表示图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为.可选值：无；默认值： -；类型： () => boolean。(1)<Avatar>组件对应属性: 当然Avatar组件里面依然是可以放文字的，放的文字会展示在头像里面。如&lt

三、数据录入1、Select选择器下拉选择器。何时使用：<1>弹出一个下拉菜单给用户选择操作，用于代替原生的选择器，或者需要一个更优雅的多选器时。<2>当选项少时（少于 5 项），建议直接将选项平铺，使用 Radio 是更好的选择。(0)<Select>组件对应的事件<1>onBlur事件: 表示失去焦点时回调.可选值：无；默认值： -；类型： function。<2>onChange事件: 表示选中 option，或

一、数据录入1、AutoComplete自动完成输入框自动完成功能，即输入框输入一些字符，然后下面显示出这个字符相关的，匹配的选项。何时使用：需要自动完成时。还么看2、Checkbox多选框多选框。何时使用：<1>在一组可选项中进行多项选择时；<2>单独使用可以表示两种状态之间的切换，和 switch 类似。区别在于切换 switch 会直接触发状态改变，而 checkbox 一般用于状态标记，需要和提交操作配合。<3>table里面直接就可以附

一、通用组件1、Button按钮按钮用于开始一个即时操作。何时使用：标记了一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑(0)<Button>组件对应的事件<1>onClick事件：表示点击按钮时的回调.可选值：无；默认值： false；类型：(event) => void。(1)<Button>组件对应属性: 这个即单独的一个按钮组件。支持原生 button 的其他所有属性<1>disabl

版本：v3.26.3react系列有一大堆的组件，可以在ant design官网的，社区精选组件里面看到一、简介antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。✅ Ant Design：用空格分隔的首字母大写单词，指代设计语言。✅ antd：全小写，指代 React UI 组件库。✅ ant.design：特指 ant.design 网站网址。安装：npm install antd --save使用组.