写在前面
这是一个基础的使用Redux的Demo
1、创建位置
index.js
2、代码
import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import { createStore } from 'redux'
import rootReducer from './reducers'
import App from './components/App'
const store = createStore(rootReducer)
render(
<Provider store={store}>
<App />
</Provider>,
document.getElementById('root')
)
3、说明
代码中,我们将 reducer 传入 Redux 提供的 createStore 函数中,它返回了一个 store 对象。接着我们将这个对象传入 react-redux 提供的 Provider 组件中,然后将它挂载在组件树的根部。
这样做可以保证我们在任何时候通过 react-redux 的 connect 连接到 Redux 时,store 可以在组件中正常使用。