小编典典

React Dev工具显示我的组件为Unknown

reactjs

我有以下简单组件:

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组件吗?我需要将其创建为变量吗?


阅读 258

收藏
2020-07-22

共1个答案

小编典典

当您将匿名函数导出为组件时,会发生这种情况。如果您命名函数(组件)然后导出它,它将正确显示在React Dev Tools中。

const MyComponent = (props) => {}
export default MyComponent;
2020-07-22