解决React路由跳转时出现的红色警告: Warning: Failed prop type: Invalid prop `component` of type `object` supplied to `Route`, expected `function`.

报错信息

查看路由版本

使用路由版本是4.2.2的,然后我测试所有4.0+版本都会出现以上警告。

问题解决前代码

问题解决后代码

我又解读了一下报警告内容的大致意思:就是props需要通过函数返回而不是对象。那是不是可以换种写法把props当作参数传递给路由呢。然后就尝试了一下props传的方式。果不其然不报警告了。

原文地址:https://www.cnblogs.com/ZerlinM/p/14072181.html