反应:铬反应工具标签组件作为无状态组件
问题描述:
我安装了铬反应开发人员工具,我一直在使用一些日子。通过chrome react工具可以看到React组件的名称,非常方便。我一直在想,为什么对于我的一些组件,chrome开发人员工具会将组件的名称转换为“StatelessComponent”。在那里有真实的组件名称会更好,而不是'StatelessComponent'。反应:铬反应工具标签组件作为无状态组件
我想知道它为什么会显示它?我确实读了一些关于使用无状态组件的反应是一种很好的做法,但我不确定这是否是我的情况。任何人都可以解释为什么铬反应工具将名称改为StatelessComponents?必须有一个重要的原因。
答
找到了解决办法:
铬反应开发工具标签他们作为无状态的组件,如果您没有设置这样的显示名:你要这样设置显示名,如果你正在创建
Component.displayName = "ComponentName"
你的反应的组分与这种风格:
ReactComponent = (props) ->
答
在这里,你已经两个选项:
选项1
const Button = ({name}) => (<button>{name}</button>);
Button.displayName = 'Button';
选项2
function Button({name}) {
return (<button>{name}<button>);
}