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

报错信息

查看路由版本

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

问题解决前代码

问题解决后代码

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