/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 vote269 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React
0 vote244 views1 answer
Js map vs react js map
Javascript React
2 votes246 views2 answers
Fullcalendar react add event duration
Javascript React
0 vote260 views2 answers
Disable a button react
Javascript React
0 vote254 views1 answer
Out of memory gc overhead limit exceeded. react native
Javascript React
0 vote276 views1 answer
Create a link in react js to download xcelfile
Javascript React
0 vote241 views5 answers
React native cache clear
Javascript React
1 vote257 views1 answer
Change react native app name
Javascript React
0 vote259 views1 answer
Timeline material ui react native
Javascript React
19 votes198 views10 answers
'Switch' is not exported from 'react-router-dom'. ch warning.
Javascript React