Típusellenőrzés

• Szerző: Sallai András
• Copyright © 2024, Sallai András
• Licenc: CC Attribution-Share Alike 4.0 International
• Web: https://szit.hu

TypeScript esetén íránánk egy interface-t a típusellenőrzéshez. JavaScriptben le kell töltenünk a prop-types csomagot, amivel létrehozhatunk az adott komponens számára egy propTypes tulajdonságot, amiben leírjuk a props objektum tagjainak típusát.

npm install prop-types

Valami.jsx

import PropTypes from 'prop-types';
 
const Valami = (props) => {
   return(
       <p>{props.egy}</p>
       <p>{props.ketto}</p>
       <p>{props.children}</p>
   )
}
 
Valami.propTypes = {
  egy: PropTypes.number.isRequired,
  ketto: PropTypes.string.isRequired,
  children: PropTypes.node.isRequired,
}
 
export default LesssonCard