时间戳

首页 > 解决方案 > React + Redux 连接错误。对象作为 React 子对象无效（找到：带有键 {$$typeof, type, compare, WrappedComponent} 的对象）

reactjs - React + Redux 连接错误。对象作为 React 子对象无效（找到：带有键 {$$typeof, type, compare, WrappedComponent} 的对象）

问题描述

这是一个发送框https://codesandbox.io/s/busy-euler-7mpi7?file=/src/main.js

如您所见，它给了我错误。我要做的是在 main.js 中连接 Redux 存储。如果您connect在 main.js 中删除并保持组件不变，它将正常工作。但是一旦你connect在 main.js 中使用它就会破坏 React 应用程序。连接时我做错了什么？

标签： reactjsreduxconnect

解决方案

问题在于您在 routes.js 中的对象

{
    url: "/",
    component: Main,
    exact: true
}

这里，Main 并不代表有利于传递给 Route Element 的组件。（可能是换行后连接的返回结构不同）

尝试将其更改为

{
    url: "/",
    component: <Main/>,
    exact: true
}

它会起作用的。

推荐阅读