设为首页 加入收藏

TOP

react redux 二次开发流程(三)
2019-10-09 20:01:39 】 浏览:96
Tags:react redux 开发 流程
import { reducer as loginReducer } from '../pages/login/store'; 6 7 const reducer = combineReducers({ 8 header: headerReducer, 9 home: homeReducer, 10 detail: detailReducer, 11 login: loginReducer 12 }); 13 14 export default reducer;

 

假如我们的reducer在header中,组件中获取数据时,用get方法

const mapStateToProps = (state) => {
    //inputValue是immutable对象,不能用state.header.inputValue的形式获取,要用get()
      return  {
          inputValue :state.header.get('inputValue'),
          list:state.header.get('list')    
      }    
}

在使用了redux-immutable

1 //combineReducers不再用rudux里的,而是redux-immutable里的,这样combineReducers里的对象就是一个immutable对象
2 //import {combineReducers} from 'redux'
3 import {combineReducers} from 'redux-immutable'
4 import {reducer as headerReducer} from '../common/header/store'
5 const reducer=combineReducers({
6     header:headerReducer
7 });
8 export default reducer;

获取数据的时候用get(),或者getIn()--获取结构化数据

1 const mapStateToProps = (state) => {    
2       return  {
3           //inputValue :state.header.get('inputValue'),
4          // list:state.header.get('list') 
5              inputValue :state.getIn(['header','inputValue']),
6              list:state.getIn(['header','list'])
7       }    
8 }
 
流程中例子详见GitHub

 

首页 上一页 1 2 3 下一页 尾页 3/3/3
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇如何解决JavaScript中0.1+0.2不等.. 下一篇字符串检索方法

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目