/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 vote141 views1 answer
Open sans font react js
Javascript React
110 votes154 views2 answers
Create react js app
Javascript React
0 vote140 views1 answer
React bootstrap carousel caption placement top
Javascript React
0 vote139 views1 answer
Setstate before function react
Javascript React
0 vote129 views1 answer
To do list app react code
Javascript React
2 votes142 views1 answer
React native image source local file
Javascript React
1 vote216 views1 answer
How to add button react native app.js
Javascript React
0 vote166 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React
0 vote125 views1 answer
Only numbers or string. Input field in React
Javascript React
0 vote152 views1 answer
Pause console debugger in react
Javascript React