/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

4 votes331 views2 answers
Get request react
Javascript React
0 vote326 views1 answer
Getting state in react-router-dom v6
Javascript React
85 votes343 views6 answers
Redirect react js
Javascript React
17 votes348 views5 answers
How to make apk react native
Javascript React
0 vote307 views1 answer
React component in for loop
Javascript React
1 vote312 views3 answers
Bash: react-scripts: command not found
Javascript React
0 vote319 views1 answer
Npx code for src folder in react js
Javascript React
0 vote323 views1 answer
React native style variable
Javascript React
0 vote317 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
1 vote318 views1 answer
ERESOLVE unable to resolve dependency tree Found: [email protected] Could not resolve dependency: react native paper
Javascript React