react-app-shell
Version:
react打包脚本和example, 这里的版本请忽略
40 lines (36 loc) • 1.12 kB
JavaScript
import React, { Component } from 'react';
import styles from './service-error.less';
import { appConfig } from '../../config';
const { loginUrl } = appConfig.resources;
const { mobileDomain } = appConfig.domain;
/**
* 接口发生错误时的页面
*/
class ServiceError extends Component {
/**
* 刷新当前界面
*/
reload = () => {
const { error } = this.props;
const url =
error && error.code === 'LOGIN_REQUIRED'
? `${loginUrl}?callback=${mobileDomain}/feedback/${this.props.id}`
: window.location.href;
window.location.replace(url);
};
render() {
const { error } = this.props;
return (
<div className={styles['network-error']}>
<div className={styles['reload-img']}></div>
<div className={styles['reload-describe']}>
{(error && error.msg) || '获取数据失败,请重新加载'}
</div>
<div className={styles['reload-btn']} onClick={this.reload}>
{error && error.code === 'LOGIN_REQUIRED' ? '登陆' : '重新加载'}
</div>
</div>
);
}
}
export default ServiceError;