此处ReactJS项目中,想要保存用户登录后的所以相关信息,不同的页面都可以方便的访问和读写。希望实现类似于全局变量的功能。
之前的一些ReactJS的折腾,其实已经对于如何实现全局变量有个基本的了解了,但是还是存在问题:
感觉还是没有找到更好的,更优雅的实现方式。
目前已知的有:
(1)别人已经搭建好的一个ReactJS(Preact)的项目框架,其中用到redux,其中设置了全局函数,其中可以放置全局变量,通过props传递下去,但是不太好用,而且此处暂时不太会用,感觉暂时也用不到dedux
(2)直接给全局的值加到window上:window.xxx
现在想要去找找有没有其它更好的方式去实现。
react js global variable
可以借用Context去实现 全局变量的功能
-》但是很明显,官网不建议,最少不要用,Context
或者已经知道的:
window.xxx
可以用:
window.MyClass = whatever
即window.xxxClass
用更高级一点的单实例的方式去实现全局变量,倒是也不错。
因为这样可以避免污染window的全局变量的作用域
以后还是尽量去用redux吧
但是去改了很多代码后才发现,原先的从最开始的Index页面,传递到Login或者Main,以及从Login传回Main的curUserInfo,虽然很麻烦,但是可以方便的保持数据同步,即