时间戳

首页 > 解决方案 > 我在将 js 与 redux 反应的 combineReducers 中遇到错误

reactjs - 我在将 js 与 redux 反应的 combineReducers 中遇到错误

问题描述

尝试组合减速器时收到以下错误消息。


// Combining the reducers
import { combineReducers } from 'redux';

import BlogReducer from './blogReducer';
import CounterReducer from './counterReducer';

const combinedReducer = combineReducers({
    blogposts: BlogReducer,
    counter: CounterReducer
}); 

export default combinedReducer;
// export default BlogReducer;

对象作为 React 子级无效（找到：带有键 {blogposts, counter} 的对象）。如果您打算渲染一组子项，请改用数组。

这是完整的代码： https ://github.com/shrikant9907/react_starter

标签： reactjs

解决方案

问题实际上不是 reducer，而是 Counter2 组件的渲染函数。您正在尝试渲染由博客文章和柜台组成的整个商店。

要解决此问题，请将您counter2container的 '更改mapStateToProps为以下内容：

const mapStateToProps = (state) => {
  return {
    counter: state.counter,
  }
}

推荐阅读