/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

3 votes307 views1 answer
React hooks delete item from array
Javascript React
5 votes360 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
3 votes351 views2 answers
Error duplicate resources react native
Javascript React
1 vote316 views1 answer
Press enter reaction js
Javascript React
0 vote323 views1 answer
Which algorithm React is used to compare dom?
Javascript React
25 votes346 views5 answers
Image react
Javascript React
1 vote342 views1 answer
How to know react and react-native version
Javascript React
0 vote337 views2 answers
Editable pre input react
Javascript React
0 vote352 views1 answer
My env.local file not working in my react app usind mac
Javascript React
26 votes349 views6 answers
React redirect to url
Javascript React