react的component中一些与显示无关的变量放哪里？

Question

class app extends component{
    constructor(props){
        super(props);
    }
    
    
    render(){
        return (
            <div>
                <button onClick={()=>{alert(this.num)}}>alert</button>
                <button onClick={()=>this.num++}>add</button>
            <div>
        );
    }
}

比如上面的例子，我只需要一个数去存值，并不需要它改变时刷新页面，这样的和页面显示无关的参数放哪里？

我这里使用this.num存放，但react说组件的属性中不要有和生命周期无关的参数。请问大家都是如何放这些数值的。

Answer 1

与显示无关的变量

和是否显示没关系，关键是它是不是组件的状态，是组件的状态就放state里。如果状态是父级组件传进来的，就放props。

直接放在组件的属性上不是不行，只是redux timeline、hot module reload之类的你都玩不了。