/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 vote378 views1 answer
Change poiter text input color react native
Javascript React
0 vote382 views1 answer
React bootstrap col not working
Javascript React
64 votes363 views6 answers
Router react
Javascript React
16 votes373 views6 answers
React useState hook
Javascript React
0 vote399 views1 answer
React.createElement
Javascript React
0 vote423 views1 answer
Space between react native
Javascript React
3 votes371 views1 answer
Remove header from certain pages react navigation
Javascript React
1 vote398 views1 answer
Firebase react router page not found on page refresh
Javascript React
2 votes389 views2 answers
How to export multiple functions react from one file
Javascript React
0 vote440 views1 answer
How to load a javascript game from react
Javascript React