Answers for "import proptypes react"

6

proptypes oneof

import PropTypes from 'prop-types';

MyComponent.propTypes = {
  // You can declare that a prop is a specific JS type. By default, these
  // are all optional.
  optionalArray: PropTypes.array,
  optionalBool: PropTypes.bool,
  optionalFunc: PropTypes.func,
  optionalNumber: PropTypes.number,
  optionalObject: PropTypes.object,
  optionalString: PropTypes.string,
  optionalSymbol: PropTypes.symbol,

  // An object that could be one of many types
  optionalUnion: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.number,
    PropTypes.instanceOf(Message)
  ])
};
Posted by: Guest on August-10-2020
5

use propTypes in react function

import React from 'react';
import { PropTypes } from 'prop-types';

const student = (props) => {
  return (
    <div>
      <p>Student Name: {props.name}</p>
      <p>Age: {props.age}</p>
    </div>
  );
};

student.propTypes = {
  name: PropTypes.string,
  age: PropTypes.number
};

export default student;
Posted by: Guest on March-17-2020
-1

install proptypes react

npm install --save prop-types
Posted by: Guest on December-23-2020
2

proptypes shape

PropTypes.shape({ name: PropTypes.string, age: PropTypes.number })
Posted by: Guest on December-28-2020
1

import prop-types

import PropTypes from 'prop-types'; // ES6var PropTypes = require('prop-types'); // ES5 with npm
Posted by: Guest on June-27-2021

Browse Popular Code Answers by Language