redux請求數據流程


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'));

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM