当前位置: 首页 > 面试题库 >

React props:我应该传递对象或其属性吗?有什么区别吗?

林炫明
2023-03-14
问题内容

传递道具时,应该将整个对象传递到子组件中,还是应该先在父组件中单独创建道具,然后再将这些道具传递给子组件?

传递整个对象:

<InnerComponent object={object} />

单独创建首先需要的道具:

<InnerComponent name={object.name} image={object.image} />

哪一个是首选,并且取决于它,我应该使用哪个作为量规?


问题答案:

您应该更喜欢第二个示例,以单独传递道具。在这里,您可以清楚地看到传递了哪些参数,并可以与期望的参数快速比较。这使人们之间的协作更加容易,并使应用程序的状态更加清晰。

我个人试图避免传递不需要的整个对象。就像传播运算符一样,里面可以有任何属性,在更大的范围内调试起来要困难得多。

一些纯反应的添加,例如prop-typestypescript可能有助于在大型应用程序中定义清晰和预期的属性



 类似资料:
  • 假设我有一个方法: 它位于类内部。如果我只使用调用函数的对象,然后使用关键字,这有什么区别吗?这样传递一个对象似乎是多余的,并且总体上使方法看起来更干净。

  • 这个问题可能是基于观点的,但我想知道我应该使用哪种原则。这是我的情况。 我有一门课叫TravelOffer。该类如下所示: 如您所见,有以下属性: 和

  • 问题内容: 我正在考虑我的应用程序的解决方案。这是一种情况:我有一个类,该类的方法将ObjectA作为输入参数并调用几个小方法,这些方法中的每个方法都需要ObjectA的某些部分(它们不重叠,即需求和,需求等等)。 …)现在的问题是:鉴于一般的良好代码实践和性能,将ObjectA传递给这些方法中的每一个方法更好,以便它们可以自己提取所需的值,还是仅传递它们的值更好?我的意思是: 要么 感谢您的任何

  • 问题内容: 在jQuery 1.6.1中进行更改之后,我一直在尝试定义HTML中属性和属性之间的差异。 查看jQuery1.6.1发行说明中的列表(在底部附近),似乎可以对HTML属性和属性进行如下分类: 属性:所有具有布尔值或UA计算得出的值,例如selectedIndex。 属性:可以添加到既不是布尔也不包含UA生成值的HTML元素中的“属性”。 有什么想法吗? 问题答案: 在编写HTML源代

  • 本文向大家介绍json和对象有什么区别?相关面试题,主要包含被问及json和对象有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 JSON 是对象,但对象不一定是 JSON。 对象是由属性和属性值组成,也就是 KEY->VALUE 对。 对象中的 value 可以是任意的数据类型,包括函数。而 JSON 中的 value 不能为函数。

  • 问题内容: 谁能举例说明Javascript对象和JSON对象之间的区别? 问题答案: Javascript 对象 是Javascript 中的数据类型-仅在Javascript中才有意义。通常,您会看到这样的Javascript 对象文字 : JSON 字符串 是一种数据交换格式,它只不过是一串以特定方式格式化的字符(为了使不同的程序相互通信)。因此,它可以存在于Javascript或其他语言中