react 异常页面500

react 异常页面500_第1张图片
首先准备一张图片

import React, { Component } from 'react';
import { Row, Col } from 'antd';
import er from './500error.png';
import { browserHistory } from 'react-router';

/**
 * [错误处理组件, 404/500]
 * @extends Component
 */

const dvStyle = {
	width: '100%',
	height: '100%'
};
class Error extends Component {
	constructor(props) {
		super(props);
		this.state = {};
	}

	more = () => {
		browserHistory.push('/home');
	};
	// 
	// 返回首页
	render() {
		return (
			<div style={dvStyle}>
				<title>服务器报错了</title>
				<img src={er} style={{ width: '100%', height: '100%' }} />
				<div>
					<Row gutter={24}>
						<Col span={6}>
							<a
								style={{
									fontSize: '30px',
									color: '#9c22f5',
									position: 'absolute',
									top: '-300px',
									left: '1000px',
									width: '100%'
								}}
								href="javascript:void(0)"
								onClick={this.more}
							>
								点击返回首页
							</a>
						</Col>
					</Row>
					<Col span={3} />
					<Row gutter={24} />
				</div>
			</div>
		);
	}
}
export default Error;

你可能感兴趣的:(react)