mport React from 'react'
import './style.css'

/**
 * 功能：默認(rèn)設(shè)置界面
 */

function getComponentCookie() {

    return import('../../utils/cookie').then(Cookie=> {

        //var timer_flag = Cookie.getCookie('timer');
        //console.log('timer_flag');
        //console.log(timer_flag)

    }).catch(error => 'An error occurred while loading the component');
}



class RightList extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            show : true
        };
    }

    handleClick() {
        var that = this;
        // 點(diǎn)擊按鈕改變樣式
        console.log('點(diǎn)擊幫助列表');
        console.log(this.state.show);
        if(this.state.show)
        {
            document.getElementById('parent').style.display = 'block';
        }
        else
        {
            document.getElementById('parent').style.display = 'none';
        }

        this.setState({show: !this.state.show});
    }

    //組件的props發(fā)生改變,在組件接收到一個(gè)新的prop時(shí)被執(zhí)行。這個(gè)方法在初始化render時(shí)不會(huì)被調(diào)用。
    componentWillReceiveProps(nextProps) {
        if(nextProps) {
            this.setState(
                {
                    text:nextProps.text
                }
            );
        }
    }

    componentDidMount() { // 初始化render之后只執(zhí)行一次

        //console.log('定時(shí)器結(jié)尾');
        document.getElementById('parent').style['fontSize'] = '85px';

    }


    render() {
        return (
            <div id='parent' onClick={this.handleClick}>
                開(kāi)啟輪播=={this.props.text}
            </div>
        )
    }
}


export default RightList;

import React from 'react'
import './style.css'

/**
 * 功能：默認(rèn)設(shè)置界面
 */


class RightList extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            show : true
        };
    }

    handleClick() {
        this.setState({show:!this.state.show});
        event.stopPropagation()
        event.preventDefault()
        // 點(diǎn)擊按鈕改變樣式
        //console.log('點(diǎn)擊幫助列表');

    }


    componentDidMount() { // 初始化render之后只執(zhí)行一次

        //console.log('定時(shí)器結(jié)尾');
        //document.getElementById('parent').style['fontSize'] = '85px';

    }


    render() {
        var show= this.state.show?"block":"none";
        var style = {
            display:show,
            fontSize: 85
        }
        return (
            <div id='parent' onClick={this.handleClick} style={style}>
                開(kāi)啟輪播=={this.props.text}
            </div>
        )
    }
}


export default RightList;

隱藏后就無(wú)法顯示了

import React from 'react'
import './style.css'

/**
 * 功能：默認(rèn)設(shè)置界面
 */


class RightList extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            show : true
        };
    }

    handleClick() {
        this.setState({show:!this.state.show});
        event.stopPropagation()
        event.preventDefault()

        
        // 點(diǎn)擊按鈕改變樣式
        //console.log('點(diǎn)擊幫助列表');
        if(this.state.show)
        {
            document.getElementById('parent').style.display = 'block';
        }
        else
        {
            document.getElementById('parent').style.display = 'none';
        }

    }


    componentDidMount() { // 初始化render之后只執(zhí)行一次

        //console.log('定時(shí)器結(jié)尾');
        document.getElementById('parent').style['fontSize'] = '85px';

    }


    render() {

        return (
            <div id='parent' onClick={this.handleClick.bind(this)} >
                開(kāi)啟輪播=={this.props.text}
            </div>
        )
    }
}


export default RightList;