proptypes and default props property code example
Example 1: default props react
// ES6 class
class CatComponent extends React.Component {
constructor(props) {}
render() {
return <div>{this.props.catName} Cat,
Eye Color: {this.props.eyeColor },
Age: {this.props.age}</div>
}
}
CatComponent.defaultProps = {
catName: "Sandy",
eyeColor: "deepblue",
age: "120"
}
Example 2: proptypes array of objects
MyComponent.propTypes = {
items: PropTypes.arrayOf(
PropTypes.shape({
code: PropTypes.string,
id: PropTypes.number,
})
),
};