Anchor

用于跳转到页面指定位置。

何时使用

需要展现当前页面上可供跳转的锚点链接,以及快速在锚点之间跳转。

API

Anchor Props

成员 说明 类型 默认值 版本
affix 固定模式 boolean true
bounds 锚点区域边界 number 5
getContainer 指定滚动的容器 () => HTMLElement () => window
getCurrentAnchor 自定义高亮的锚点 (activeLink: string) => string -
offsetTop 距离窗口顶部达到指定偏移量后触发 number
showInkInFixed affix={false} 时是否显示小圆点 boolean false
targetOffset 锚点滚动偏移量,默认与 offsetTop 相同,例子 number -
onChange 监听锚点链接改变 (currentActiveLink: string) => void -
onClick click 事件的 handler function(e: Event, link: Object) -
成员 说明 类型 默认值 版本
href 锚点链接 string -
target 该属性指定在何处显示链接的资源。 string -
title 文字内容 ReactNode -

Alert

警告提示,展现需要关注的信息。

何时使用

  • 当某个页面需要向用户显示警告的信息时。
  • 非浮层的静态展现形式,始终展现,不会自动消失,用户可以点击关闭。

API

参数 说明 类型 默认值 版本
action 自定义操作项 ReactNode - 4.9.0
afterClose 关闭动画结束后触发的回调函数 () => void -
banner 是否用作顶部公告 boolean false
closable 默认不显示关闭按钮 boolean -
closeText 自定义关闭按钮 ReactNode -
closeIcon 自定义关闭 Icon ReactNode <CloseOutlined /> 4.17.0
description 警告提示的辅助性文字介绍 ReactNode -
icon 自定义图标,showIcon 为 true 时有效 ReactNode -
message 警告提示内容 ReactNode -
showIcon 是否显示辅助图标 boolean false,banner 模式下默认值为 true
type 指定警告提示的样式,有四种选择 successinfowarningerror string infobanner 模式下默认值为 warning
onClose 关闭时触发的回调函数 (e: MouseEvent) => void -

Alert.ErrorBoundary

参数 说明 类型 默认值 版本
description 自定义错误内容,如果未指定会展示报错堆栈 ReactNode {{ error stack }}
message 自定义错误标题,如果未指定会展示原生报错信息 ReactNode {{ error }}