Redux 在项目中如何创建 Store?

537 阅读1分钟

写在前面

这是一个基础的使用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 可以在组件中正常使用。

参考链接

cn.redux.js.org/recipes/con…