Exception异常

异常页用于对页面特定的异常状态进行反馈。通常,它包含对错误状态的阐述,并向用户提供建议或操作,避免用户感到迷失和困惑。

引用方式:

import Exception from 'ant-design-pro/lib/Exception';

详细使用方式请参照:独立使用 pro 组件

代码演示

404 页面。

expand codeexpand code
import Exception from 'ant-design-pro/lib/Exception';

ReactDOM.render(<Exception type="404" />, mountNode);

500 页面。

expand codeexpand code
import Exception from 'ant-design-pro/lib/Exception';

ReactDOM.render(<Exception type="500" />, mountNode);

403 页面,配合自定义操作。

expand codeexpand code
import Exception from 'ant-design-pro/lib/Exception';
import { Button } from 'antd';

const actions = (
  <div>
    <Button type="primary">Home</Button>
    <Button>Detail</Button>
  </div>
);
ReactDOM.render(<Exception type="403" actions={actions} />, mountNode);

API#

参数 说明 类型 默认值
backText 默认的返回按钮文本 ReactNode back to home
type 页面类型,若配置,则自带对应类型默认的 titledescimg,此默认设置可以被 titledescimg 覆盖 Enum {'403', '404', '500'} -
title 标题 ReactNode -
desc 补充描述 ReactNode -
img 背景图片地址 string -
actions 建议操作,配置此属性时默认的『返回首页』按钮不生效 ReactNode -
linkElement 定义链接的元素 string|ReactElement 'a'
redirect 返回按钮的跳转地址 string '/'