/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 vote336 views2 answers
React query stop refetch when i switch browser tabs (globally)
Javascript React
0 vote352 views1 answer
React native carriage return
Javascript React
0 vote320 views1 answer
React js loop through array of objects
Javascript React
0 vote372 views1 answer
Limit values that satisy a url parameter react-router
Javascript React
0 vote382 views1 answer
React js input autocomplete off
Javascript React
7 votes342 views2 answers
Import a script to my react componetn
Javascript React
1 vote310 views1 answer
React native onpress show component
Javascript React
10 votes393 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
1 vote345 views1 answer
SFC in react
Javascript React
0 vote346 views1 answer
Install aos in react
Javascript React