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

Question

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

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

Answer 1

问题出在 routes.js

中的对象

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

在这里，Main 并不代表适合传递给 Route Element 的组件。 （可能换行后连接return结构不同）

尝试将其更改为

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

它会起作用。