redux实现跨组件传参

1、安装依赖

yarn add redux

2、设置

store 就是保存数据的地方，将store看成一个容器，一个应用只能有一个store
//如何生成一个store createStore

//src/store/index.js
import {createStore} from 'redux'
const defaultState = {
    msg:"react很不好用"
}
const reducer = (state=defaultState,action) => {
    return state;
}
//createStore只能接收函数
let store = createStore(reducer);
export default store;

//将index.js分离
//index.js
import {createStore} from 'redux'
import reducer drom './reducer'
let store = createStore(reducer);
export default store;
//reducer.js
const defaultState = {
    msg:"react很不好用"
}
const reducer = (state=defaultState,action) => {
    return state;
}
export default reducer;

3、使用

//.js
import store from '../store'
componentDidMount(){
    console.log(store.getState())
}