栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

React React-router-dom将道具传递给组件

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

React React-router-dom将道具传递给组件

像这样传递它:

<Route     path="/login"     render={(props) => <Login {...props} isAuthenticated={isAuthenticated}/>} />

它应该

this.props.isAuthenticated
在“登录组件”中可用。

原因

{...props}

如果我们不编写此代码,则只

isAuthenticated
会将其传递给Login组件,而路由器传递给该组件的所有其他值将在Login组件中不可用。当我们写时,
{...props}
我们将所有的值传递一个额外的值。

并且代替

component
路由器使用
render
方法。

根据DOC

组成部分:

当您使用组件(而不是下面的渲染器或子组件)时,路由器将使用React.createElement从给定的组件中创建一个新的React元素。这意味着,如果您向component属性提供内联函数,则将在每个渲染中创建一个新组件。这将导致现有组件的卸载和新组件的安装,而不仅仅是更新现有组件。使用内联函数进行内联渲染时,请使用渲染。

渲染

这样可以方便地进行内联渲染和包装,而无需进行不必要的重新安装。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/416116.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号