/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 vote211 views1 answer
React native anination 2 valuse
Javascript React
0 vote237 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
0 vote194 views1 answer
How to rerender a page in React when the user clicks the back button
Javascript React
-1 vote192 views1 answer
Moment in react native
Javascript React
0 vote185 views1 answer
React useState vs variable
Javascript React
0 vote237 views2 answers
Reactjs date display
Javascript React
0 vote206 views1 answer
Npm react native turn by turn navigation
Javascript React
8 votes216 views2 answers
React set title of page
Javascript React
1 vote222 views1 answer
React native grid view
Javascript React
1 vote244 views1 answer
Node sass version react
Javascript React