/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

4 votes164 views2 answers
Onitemclick react
Javascript React
0 vote192 views1 answer
@tippyjs/react
Javascript React
17 votes234 views3 answers
React canvas clear
Javascript React
4 votes162 views1 answer
React router history push parameter
Javascript React
6 votes174 views2 answers
React native spinkit
Javascript React
-2 votes173 views1 answer
Fc in react
Javascript React
0 vote165 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
2 votes165 views2 answers
Create react app not creating template
Javascript React
0 vote174 views1 answer
How to have hotjar in react-hotjar
Javascript React
2 votes149 views1 answer
React higher order components
Javascript React