0
点赞
收藏
分享

微信扫一扫

redux进行研究4

ZSACH 2022-07-13 阅读 57

 

    react-redux

     react-redux为提供了两个api

      全局提供store,index.js

import React from 'react'
import ReactDom from 'react-dom'
import App from './App'
import store from './store/ReactReduxStore'
import { Provider } from 'react-redux'
ReactDom.render(
<Provider store={store}>
<App/>
</Provider>,
document.querySelector('#root')
)

      获取状态数据,ReduxTest.js

异步

Redux只是个纯粹的状态管理器,默认只⽀持同步,实现异步任务 ⽐如延

迟,⽹络请求,需要中间件的⽀持,⽐如我们试⽤最简单的redux-thunk和

redux-logger

应⽤中间件,store.js

import { createStore, applyMiddleware } from "redux";
import logger from "redux-logger";
import thunk from "redux-thunk";
const store = createStore(fruitReducer,
applyMiddleware(logger, thunk));

 

举报

相关推荐

0 条评论