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

标签 javascript reactjs react-router react-router-v4

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

最佳答案

如果你只想渲染一个只有路由属性的组件,那么使用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 } /> } />

关于javascript - 什么是 React 路由器中的内联渲染以及它如何与路由内的 "render"一起工作/,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46414798/

相关文章:

javascript - 使用 Tag 在 NavLink Reactstrap 组件内传递属性

javascript - 使用原始 JavaScript 提交函数时 jQuery 验证未触发

javascript - 比较字符串给出错误的结果

javascript - 我应该在 react 组件或 redux Action 中获取数据吗?

javascript - react 路由器: new component only render on existing view

javascript - 没有状态管理库的具有数据提取的 SSR

javascript - 如何使用jquery更新动画效果?

javascript - 如何使用 jquery 追加包含 Angular Directive(指令)的元素

reactjs - 刷新应用程序时,React Native Modals 保持打开状态

reactjs - 升级到最新版本时出现的 Jest 错误 - 工作进程未能正常退出