什么是React组件'displayName'用于？

Question

我知道通过添加属性命名react组件被认为是一种很好的做法displayName,但不确定我知道为什么.在反应文档中,它说:

displayName字符串用于调试消息.JSX自动设置该值; 请参阅深度中的JSX.

为什么这么重要？如果我不添加它将会发生什么？(到目前为止,我没有它,并没有调试问题)

是否有关于如何命名组件的任何建议/良好实践？

Answer 1

我总是将其设置displayName为与我分配给它的变量相同的名称.这只会在开发版本中使用,因为它是通过生产版本上的死代码删除而删除的,不应该依赖于您的应用程序.

至于它的使用位置,主要是在反应错误消息传递中.这就是为什么它被提到对调试有价值的原因.如果没有可以派生名称Component,那么当项目中包含任何超过1个组件时,错误消息默认为说哪个调试极其困难.

以下是一些在反应源中引用displayName的错误消息:

Answer 2

反应文档清楚它的用途以及何时使用它：

\n

\n
displayName 字符串用于调试消息。通常，您不需要显式设置它，因为它是从定义组件的函数或类的名称推断出来的。如果您想出于调试目的或创建高阶组件时显示不同的名称，您可能需要显式设置它。
\n

\n

大多数情况下您不需要设置displayName因为它是从函数/类名称推断出来的。

\n