我有以下简单组件:
import React from 'react' import '../css.scss' export default (props) => { let activeClass = props.out ? 'is-active' : '' return ( <div className='hamburgerWrapper'> <button className={'hamburger hamburger--htla ' + activeClass}> <span /> </button> </div> ) }
当我在react开发工具中寻找它时,我看到:
这是因为我需要扩展React组件吗?我需要将其创建为变量吗?
当您将匿名函数导出为组件时,会发生这种情况。如果您命名函数(组件)然后导出它,它将正确显示在React Dev Tools中。
const MyComponent = (props) => {} export default MyComponent;