कार्यात्मक स्टेटलेस घटक में PropTypes

Question

कक्षा का उपयोग किए बिना, मैं प्रतिक्रिया के कार्यात्मक स्टेटलेस घटक में PropTypes का उपयोग कैसे करूं?

export const Header = (props) => (
    <div>hi</div> 
) 

Answer 1

यह स्टेटफुल साथ अलग नहीं है, आप इसे पसंद जोड़ सकते हैं:

Header.propTypes = { 
    title: React.PropTypes.string 
} 

Answer 2

official docs कैसे ES6 घटक वर्गों के साथ यह करने के लिए दिखाने के लिए, लेकिन एक ही राज्यविहीन कार्यात्मक घटकों के लिए लागू होता है।

सबसे पहले, एनपीएम इंस्टॉल/यार्न new prop-types package जोड़ें यदि आप पहले से नहीं हैं।

फिर, इसे निर्यात करने से पहले, स्टेटलेस फ़ंक्शनल घटक को परिभाषित करने के बाद, अपने प्रोपटाइप (और यदि आवश्यक हो तो डिफ़ॉल्ट भी हो) को जोड़ें।

import React from "react"; 
import PropTypes from "prop-types"; 

const Header = ({ name }) => <div>hi {name}</div>; 

Header.propTypes = { 
    name: PropTypes.string 
}; 

// Same approach for defaultProps too 
Header.defaultProps = { 
    name: "Alan" 
}; 

export default Header