/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

-1 vote113 views1 answer
How to load the images from the website dynamically in react
Javascript React
1 vote167 views1 answer
Update create react app package to latest
Javascript React
1 vote105 views1 answer
Forcechange input reactiveform
Javascript React
0 vote103 views1 answer
Fetch is not defined jest react
Javascript React
0 vote65 views2 answers
React filter buttons
Javascript React
0 vote107 views1 answer
React native filter list
Javascript React
0 vote107 views1 answer
_40 0 _55 null _65 0 _72 null react native fetch
Javascript React
0 vote118 views2 answers
Count down timer in react native
Javascript React
0 vote116 views1 answer
React native notifications error
Javascript React
1 vote118 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React