react中如何实现vue中的全局方法(类似this.$store)
在 vue 中可以通过 VUE.prototype.plugin=plugin 方式让所有组件中都能直接调用plugin的方法,因为最后咱们会执行 new vue() 的方式来启动框架,这样咱们在组件中可以方便的使用类似this.lodash.xxx()这样一些自定义的方法了。
但是在 React 中,启动框架的方式是通过执行 ReactDOM.render() 这样一种方式来进行的,咱们没有一个全局的对象,因而无法通过类似React.prototype.xxx = xxx的方式来进行设置。
但还有一个替代的方法,就是通过在入口文件那设置全局变量或全局方法的方式来代替:
# 入口文件:Index.js
window.print = () => {}
或者利用react-redux创建,但是感觉这种方式过于麻烦,每个组件都需要connect
react中实现类似Vue动态组件的方法
list.map((item, index)=> {
switch (item.name) {
case 'A'
return <A />
case 'B'
return <B />
default
break
}
})