react中，我想让下面这段代码读取cookie的值，如果cookie值变化了，页面div可以显示出来

Question

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

/**
 * 功能：默认设置界面
 */


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

        this.state = {
            show : true
        };
    }


    componentDidMount() { // 初始化render之后只执行一次

        //console.log('定时器结尾');
        document.getElementById('parent').style['fontSize'] = '85px';

    }


    render() {

        return (
            <div id='parent'  >
                开启
            </div>
        )
    }
}


export default RightList;

Answer 1

首先 我要说一哈，为什么要在componentDidMount进行dom操作！强迫党受不了啊！
其次 根据你现在的表达情况，我只能理解到这里
既然是cookie发生变化了才展示这个组件，那么事件就不应该写在这个组件里
比如说 其它组件通过某些动作改变了cookie或者获取了现在的cookie发现变化了，再改变这个组件的状态
我觉得这样的思路才是对的。