React中displayName格式规则及额外特性咨询

目前React官方文档仅明确了HOC场景下WithSubscription(${getDisplayName(WrappedComponent)})的推荐命名格式，但未详细说明DevTools对displayName的括号解析规则——这些属于DevTools内部的格式化逻辑，而非React核心API的强制规范。

关于括号解析的行为 #

• 当displayName遵循外层组件名(被包裹组件名)格式时，DevTools会优先突出显示括号内的被包裹组件名，同时保留外层名称作为上下文前缀，这是为了适配HOC的使用场景，方便开发者快速定位原始组件。
• 若括号内容前置（如(tag1)(tag2)目标组件名），DevTools会将括号部分识别为附加标签，仅展示括号后的主体名称，因为这种格式不符合HOC的常规命名范式，不会触发特殊解析逻辑。

displayName的其他实用特性 #

• 支持任意字符串值，无严格格式约束，但DevTools会对部分特殊格式做自动格式化（比如驼峰命名会被添加空格分隔）。
• 函数组件可通过静态displayName属性自定义名称，类组件的displayName优先级高于自身的name属性。
• 匿名组件默认在DevTools中显示Anonymous，设置displayName后会覆盖该默认值。

内容的提问来源于stack exchange，提问作者JamieGL