javascript - 什么是 React 路由器中的内联渲染以及它如何与路由内的 "render"一起工作/

Question

查看 docs ，我对何时在路由器内使用 render 与 component 感到困惑，因为前者不会重新安装组件但后者会吗？当你离开一个路由再回来的时候，它不总是卸载组件并重新安装它吗？在什么情况下你不会重新挂载它？

Answer 1

如果你只想渲染一个只有路由属性的组件，那么使用component:

<Route path="/user/:username" component={ User } />

但是，如果你想将 props 传递给你的组件，那么你不应该将函数传递给 component，像这样:

<Route path="/user/:username" component={ (props) => <User example="something" { ...props } /> } />

您应该改为使用 render 来渲染带有 props 的组件:

<Route path="/user/:username" render={ (props) => <User example="something" { ...props } /> } />