Warning: Failed prop type: Invalid prop `component` of type `object` supplied to `Route`, expected `function`.
时间: 2023-08-24 10:15:38 浏览: 48
这个警告是因为在React-router-dom 4.0+版本中,Route组件的component属性需要传入一个函数,而不是一个对象。\[1\]解决这个问题的方法是将component属性的值改为一个函数,并将props作为参数传递给路由组件。例如,可以这样写:<Route path="/home/" exact component={(props) => <Home {...props} />} />和<Route path="/detail/:id" exact component={(props) => <Detail {...props} />} />\[2\]。这样就可以避免出现警告了。
#### 引用[.reference_title]
- *1* *2* *3* [router-dom 4.0+路由跳转时出现警告: Warning: Failed prop type: Invalid prop 'component' of type '...](https://blog.csdn.net/AndyWangWangWang/article/details/101017188)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]