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

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

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

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

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

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

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

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

退货无效

内联样式错误