/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

8 votes207 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
5 votes171 views3 answers
Linear gradient react js
Javascript React
0 vote199 views1 answer
Make a component update every second react
Javascript React
0 vote203 views2 answers
Alert react native
Javascript React
0 vote210 views1 answer
Standalone form inside reactive form
Javascript React
118 votes225 views6 answers
Instalar bootstrap en react
Javascript React
3 votes200 views1 answer
React icons in nextJS
Javascript React
1 vote190 views2 answers
Can't perform a react state update
Javascript React
0 vote179 views1 answer
React native portrait only
Javascript React
27 votes195 views6 answers
React usestate
Javascript React