/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 votes230 views1 answer
React parameter value from query string
Javascript React
-1 vote212 views5 answers
Play audio in react
Javascript React
18 votes200 views6 answers
React native create apk
Javascript React
59 votes199 views3 answers
Npm react router dom
Javascript React
0 vote242 views1 answer
Display only initials from full name reactjs
Javascript React
0 vote220 views1 answer
React receiving socket muitple times
Javascript React
0 vote232 views1 answer
Form changes button enable reactive forms
Javascript React
0 vote223 views1 answer
Blank array condition in react js
Javascript React
0 vote218 views1 answer
React type div onClick
Javascript React
1 vote224 views1 answer
Change react native app name
Javascript React