[React] displayName for stateless component

We can use 'displayName' on component to change its component tag in dev tool:

import React from 'react';

import {FooterLink} from '../containers'

export const Footer = () => (
    <p>
        Show:
        {' '}
        <FooterLink filter="all">All</FooterLink>
        {' '}
        <FooterLink filter="completed">Completed</FooterLink>
        {' '}
        <FooterLink filter="open">Open</FooterLink>
    </p>
);
Footer.displayName = "myFooter";

In dev tool:

原文地址:https://www.cnblogs.com/Answer1215/p/6431739.html