世界上最伟大的投资就是投资自己的教育
$ yarn add redux react-redux
$ yarn add --dev redux-devtools-extension
src/index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import { createStore } from 'redux';
import rootReducer from './reducers';
import { composeWithDevTools } from 'redux-devtools-extension';
import { Provider } from 'react-redux';
const store = createStore(
rootReducer,
composeWithDevTools()
)
ReactDOM.render(
<Provider store={ store }>
<App />
</Provider>,
document.getElementById('root')
);
registerServiceWorker();
src/reducers/index.js
import { combineReducers } from 'redux';
import users from './users';
export default combineReducers({
users
});
src/reducers/users.js
const users = (state = {}, action = {}) => {
switch(action.type) {
default: return state;
}
}
export default users;
07:051Free轻松学 Redux-Saga #1 课程简介与 Redux-Saga 介绍
04:52Free轻松学 Redux-Saga #2 准备环境和安装 Redux
07:593Free轻松学 Redux-Saga #3 Redux-Saga 的安装和输写第一个 Saga
05:134Free轻松学 Redux-Saga #4 es6 的 generator part 1 介绍
05:065Pro轻松学 Redux-Saga #5 es6 的 generator part 2 next 方法传参数
07:166Pro轻松学 Redux-Saga #6 es6 的 generator part 3 生成器的意义
07:247Pro轻松学 Redux-Saga #7 es6 的 generator part 4 自动执行生成器
08:008Pro轻松学 Redux-Saga #8 使用 Redux-Saga 处理异步事件
04:509Pro轻松学 Redux-Saga #9 实例演练 takeEvery 和 takeLatest 的区别
03:1510Pro轻松学 Redux-Saga #10 call 方法
05:1911Pro轻松学 Redux-Saga #11 实例讲解发送 ajax 请求
05:5012Pro轻松学 Redux-Saga #12 实例演练 call 方法如何执行并发任务
05:5813Pro轻松学 Redux-Saga #13 实战演练在不同的文件中组织 rootSaga
08:3314Pro轻松学 Redux-Saga #14 实例讲解 fork 方法
06:3515Pro轻松学 Redux-Saga #15 发送 ajax 请求显示 loading 标志和获取远程数据
04:0916Pro轻松学 Redux-Saga #16 错误处理(完结)
▬▬▬▬▬▬ 联系我 👋 ▬▬▬▬▬▬
微信:qiuzhi99pro
b 站:https://space.bilibili.com/31152817
知乎:https://www.zhihu.com/people/rails365
Youtube:https://www.youtube.com/channel/UCA-Jkgr40A9kl5vsIqg-BIg
© 汕尾市求知科技有限公司 | 专业版网站 | 关于我们 | 在线学员:1150
粤公网安备 44152102000088号
| 粤ICP备19038915号
导入的时候,为什么有些加 {},有些不加呢
看看阮一峰 es6 的文档吧,里面有介绍。http://es6.ruanyifeng.com/#docs/module
这和导出方式有关,如果是单独 export 的导入就需要加{},如果是 export default 就不需要加{}
三 gay 佬脏
up 主, 你浏览器里那个 react 的选项页,是 chrome 里面的哪个扩展,我找了半天 extension 找不到这个.
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=zh-CN
https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd
谢谢,up 主, 回复真快 666