import React from 'react';

class BaseComponent extends React.Component {
    _bind(...methods) {
        methods.forEach( (method) => this[method] = this[method].bind(this) );
    }
}

class NotFoundPage extends BaseComponent {
    constructor(props) {
        super(props);
        // this._handleFoo = this._handleFoo.bind(this);
        // this._bind('_handleClick', '_handleFoo');
        this.state = {
            time: 10
        }
    }

    // 倒數(shù)
    redirect(){
        let nextTime = this.state.time - 1;

        if(this.state.time<=0){
            let strTime = '無(wú)法自動(dòng)跳轉(zhuǎn)到首頁(yè)';
            //document.getElementById('num').innerHTML=0;
            document.getElementById('jumpTo').innerHTML=strTime;
            //location.;
            //document.getElementById('error').innerHTML=strTime;

        }
        else{
            // console.log(nextTime);
           // document.getElementById('num').innerHTML=nextTime.toString();
            this.setState({ time: nextTime });
        }
    }

    cleanStyle(){
        document.getElementById('app').style.transform = 'none';
        document.getElementsByClassName('notFoundPage')[0].style.backgroundColor = 'white';
    }

    componentDidMount() {
        // this.timer = setInterval(()=> this.redirect(), 1000);
        this.cleanStyle();
    }

    render () {
        var divStyle = {
            fontSize:30,


        }
        var tableStyle ={
            cellSpacing: 0,
            width: '100%',
            border: 0,

        };

        var fontStyle = {
            fontFamily:'Times New Roman',
            fontSize:80
        }

        return (
            <div style={divStyle}>
                <table style = {tableStyle}  cellPadding='2' cellSpacing='0'>
                    <tbody>
                    <tr>
                        <td style={{whiteSpace:'nowrap', width: '1%'}} rowSpan='3' >
                            <b>
                                <span style={{...fontStyle, color: '#0039b6'}}>S</span>
                                <span style={{...fontStyle, color: '#c41200'}}>o</span>
                                <span style={{...fontStyle, color: '#f3c518'}}>r</span>
                                <span style={{...fontStyle, color: '#c41200'}}>r</span>
                                <span style={{...fontStyle, color: '#0039b6'}}>y</span>
                            </b>
                        </td>
                        <td>  </td>
                    </tr>

                    <tr>
                        <td style={{backgroundColor:'#3366cc'}} >
                            <span style={{fontFamily:'arial,sans-serif', color:'#ffffff', fontSize:30}} ><b>404
                        Error</b>
                    </span>
                        </td>
                    </tr>

                    <tr>
                        <td>　</td>
                    </tr>
                    </tbody>
                </table>




                <blockquote>
                    The requested URL was not found on this server.
                    <ol>
                        <li>請(qǐng)檢查您輸入的網(wǎng)址是否正確。</li>
                        <li>確認(rèn)無(wú)誤有可能我們的頁(yè)面正在升級(jí)或維護(hù)。</li>
                        <li>您可以嘗試訪問(wèn)以下鏈接。
                            <ul style={{color: 'red'}}>
                                <li id={'jumpTo'}><span id='num' style={{color: 'red'}}>10</span>秒后自動(dòng)跳轉(zhuǎn)到主頁(yè)</li>
                            </ul>
                        </li>
                    </ol>
                    <p></p>
                </blockquote>

            </div>

        );
    }
}

export default NotFoundPage;

使用<td>&nbsp;</td>