反应：铬反应工具标签组件作为无状态组件

Question

我安装了铬反应开发人员工具，我一直在使用一些日子。通过chrome react工具可以看到React组件的名称，非常方便。我一直在想，为什么对于我的一些组件，chrome开发人员工具会将组件的名称转换为“StatelessComponent”。在那里有真实的组件名称会更好，而不是'StatelessComponent'。

我想知道它为什么会显示它？我确实读了一些关于使用无状态组件的反应是一种很好的做法，但我不确定这是否是我的情况。任何人都可以解释为什么铬反应工具将名称改为StatelessComponents？必须有一个重要的原因。

Answer 1

找到了解决办法：

铬反应开发工具标签他们作为无状态的组件，如果您没有设置这样的显示名：你要这样设置显示名，如果你正在创建

Component.displayName = "ComponentName" 

你的反应的组分与这种风格：

ReactComponent = (props) -> 

Answer 2

在这里，你已经两个选项：

选项1

const Button = ({name}) => (<button>{name}</button>); 
Button.displayName = 'Button'; 

选项2

function Button({name}) { 
    return (<button>{name}<button>); 
}