redux請求數據流程
store里面的index.js文件
1 import {createStore,combineReducers,applyMiddleware} from "redux" 2 import reduxThunk from "redux-thunk" 3 import user from "./reducers/user"/*團隊合作各自引入自己的模塊*/ 4 import {composeWithDevTools} from "redux-devtools-extension" 5 6 7 const reducers=combineReducers({ 8 user 模塊在這里寫入 9 }) 10 11 12 const store=createStore(reducers,composeWithDevTools(applyMiddleware(reduxThunk))) 13 14 15 export default store
store里面的reducers文件里面的user.js
1 import {handleActions} from "redux-actions" 2 3 const defaultState={ 4 5 } 6 7 8 9 export default handleActions({ 10 11 },defaultState)
在入口文件引入
import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import store from "./store" import { Provider } from "react-redux" ReactDOM.render( <Provider store={store}>/*在這里注入store全局可以使用store*/ <App /> </Provider> , document.getElementById('root'));