/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

10 votes325 views2 answers
React-native text overflow ellipsis
Javascript React
0 vote315 views1 answer
Export variables react
Javascript React
9 votes300 views2 answers
React select options
Javascript React
0 vote307 views1 answer
Multilone input react
Javascript React
0 vote318 views1 answer
Get data from mulitple query parameters react
Javascript React
0 vote318 views1 answer
Alert, react native alert
Javascript React
0 vote335 views1 answer
Get call log in react native with filter android
Javascript React
22 votes303 views4 answers
Shadow elevation react native
Javascript React
0 vote325 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
0 vote327 views1 answer
React hooks update parent state from child
Javascript React