“propypes” Réponses codées

Tableau d'objets propypes

MyComponent.propTypes = {
  items: PropTypes.arrayOf(
    PropTypes.shape({
      code: PropTypes.string,
      id: PropTypes.number,
    })
  ),
};
Outrageous Opossum

Propypes

import PropTypes from "prop-types";

MyComponent.propTypes = {
  name: PropTypes.string,
  id: PropTypes.number.isRequired,
  img: PropTypes.string
  grades: PropTypes.arrayOf(PropTypes.number),
  friends: PropTypes.arrayOf(
    PropTypes.shape({
      id: PropTypes.number,
    })
  ),
  list: PropTypes.arrayOf(PropTypes.any),
};

MyComponent.defaultProps = {
  img: "https://picsum.phones/200/300",
}
Inexpensive Impala

propypes

import PropTypes from 'prop-types';

class Greeting extends React.Component {
  render() {
    return (
      <h1>Hello, {this.props.name}</h1>
    );
  }
}

Greeting.propTypes = {
  name: PropTypes.string
};
Victorious

réagir les propres ou

size: PropTypes.oneOfType([
  PropTypes.string,
  PropTypes.number
]),
Strange Sandpiper

Réponses similaires à “propypes”

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code