/Javascript/React/React default proptypes

React default proptypes

Proptypes array of objects

MyComponent.propTypes = {
  items: PropTypes.arrayOf(
    PropTypes.shape({
      code: PropTypes.string,
      id: PropTypes.number,
    })
  ),
};

Source: til.hashrocket.com

Proptypes.objectof

Pokemon.propTypes = {
  pokemon: PropTypes.shape({
    name: PropTypes.string,
    id: PropTypes.number,
    base_stamina: PropTypes.number,
    base_defense: PropTypes.number
  })
}

React default proptypes

const Camper = (props) => {
  return (
    <p>{props.name}</p>
  )
};

Camper.defaultProps = {name: 'CamperBot'}
Camper.propTypes = { name: PropTypes.string.isRequired}

Source: stackoverflow.com

Similar codes

0 vote222 views1 answer
Chromepicker react-color not working
Javascript React
-1 vote260 views2 answers
React native font based on viewport dimensions
Javascript React
0 vote184 views1 answer
React-bootstrap problem-install new version
Javascript React
1 vote208 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
3 votes198 views1 answer
React bootstrap card
Javascript React
1 vote208 views1 answer
Fontawsome icon size react element
Javascript React
3 votes188 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
0 vote200 views3 answers
Add if condition in map react
Javascript React
4 votes202 views4 answers
React background gradient
Javascript React
0 vote186 views1 answer
Google pay payment gateway for react js project
Javascript React