I have always set displayName
to the same name as the variable I am assigning it to. This is would only been used in development builds as it is removed through dead-code elimination on production builds and should not be relied on within your application.
As for where it is used, that is mainly within react error messaging. This is why it is mentioned to be valuable for debugging. If no name can be derived the error messages default to say Component
which is extremely difficult to debug, when you have any more than 1 component in your project.
Here are a few error messages that reference displayName in the react source:
Invalid Return
Inline style error
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…