प्रतिक्रिया मेरी घटक देव उपकरण दिखाने के रूप में अज्ञात

Question

मैं निम्नलिखित सरल घटक है:

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> 
) 
} 

जब मैं प्रतिक्रिया देव उपकरण में ढूंढते हैं, मैं देख रहा हूँ:

इस है क्योंकि मुझे प्रतिक्रिया घटक का विस्तार करने की आवश्यकता है? क्या मुझे इसे एक चर के रूप में बनाने की ज़रूरत है और ऐसा करें?

Answer 1

ऐसा तब होता है जब आप अपने घटक के रूप में अज्ञात फ़ंक्शन निर्यात करते हैं। यदि आप फ़ंक्शन (घटक) का नाम देते हैं और फिर इसे निर्यात करते हैं, तो यह ठीक से देव उपकरण में दिखाई देगा।

const MyComponent = (props) => {} 
export default MyComponent;