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

在React中,将所有道具从父组件传递到子组件是一种好习惯吗?

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

在React中,将所有道具从父组件传递到子组件是一种好习惯吗?

通常传递所有道具不是一个好主意。更多的道具意味着更多的事情,这些事情将导致子组件不必要地重新渲染。但是,在这些道具的子集上使用散布运算符 可能
会很方便。例如,父组件可能会收到很多道具,但是并没有使用大部分道具,而是将一个或两个道具全部交给了子组件。考虑使用类似redux-form的示例:

export function Form({ handleSubmit, ...rest }) {  return (    <form onSubmit={handleSubmit}>      <Field name="name" component={FormInput} />        <SaveButton {...rest} />    </form>  );}

外部表单组件仅关心提交功能。指示表单是否脏,有效等的其他道具将用于

<SaveButton />
确定是否禁用该按钮。

这很方便,因为我们避免了为不使用道具的组件声明道具。我们只是通过它们。但是,如前所述,请谨慎使用此模式,确保您知道实际要使用的道具,因为这可能会导致性能问题甚至副作用。

实际上,我想说的是,如果您发现自己经常将道具传递到层次结构中,则可能是设计上的问题,应该更有效地利用redux存储。



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

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

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