/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

-1 vote198 views1 answer
Spotify player react
Javascript React
1 vote154 views1 answer
React native image border radius not working
Javascript React
0 vote153 views1 answer
Npx code for src folder in react js
Javascript React
-1 vote141 views1 answer
React time picker
Javascript React
32 votes165 views1 answer
React-router react-router-dom
Javascript React
0 vote148 views2 answers
React import image with url
Javascript React
0 vote129 views1 answer
Ts(2749) react testing library
Javascript React
0 vote169 views1 answer
21:216 Error: Unknown property 'crossorigin' found, use 'crossOrigin' instead react/no-unknown-property
Javascript React
0 vote157 views2 answers
Veu js vs angular vs react features
Javascript React
0 vote159 views1 answer
React native get navigation bar height
Javascript React