[React] displayName for stateless component
2017-02-23 04:10
453 查看
We can use 'displayName' on component to change its component tag in dev tool:
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://images2015.cnblogs.com/blog/364241/201702/364241-20170223040929460-2054086926.png)
相关文章推荐
- react native ios添加ART.xcodeproj(ReactNative No component found for view with name “ARTSurfaceView”)
- Asp.net MVC @Html.DisplayNameFor中文乱码解决办法
- XST - "WARNING: Xst:766 - file_name (Line #). Generating a Black Box for component <component_name>"
- [React] Cleanly Map Over A Stateless Functional Component with a Higher Order Component
- XST - "WARNING: Xst:766 - file_name (Line #). Generating a Black Box for component <component_name>"
- sql: Query to Display Foreign Key Relationships and Name of the Constraint for Each Table in Database
- [React] Creating a Stateless Functional Component
- There is an internal error in the React performance measurement code.Did not expect componentDidMount timer to start while render timer is still in progress for another instance
- REACT Stateless Functional Component
- [React & Debug] Quick way to debug Stateless component
- Html.DisplayNameFor等强类型辅助方法不识别
- Writing an Android component for React Native
- [React Native] Use the SafeAreaView Component in React Native for iPhone X Compatibility
- React学习笔记_无状态组件(Stateless Component) 与高阶组件
- <%: Html.DisplayNameFor与 <%: Html.DisplayFor的区别
- react 创建组件 (四)Stateless Functional Component
- [React] React Fundamentals: Add-on ClassSet() for ClassName
- 使用JDBC时Class.forName()的作用
- Class.forname的含义,以及与newInstance函数调用的关系和区别