Socket
Socket
Sign inDemoInstall

prop-types

Package Overview
Dependencies
Maintainers
6
Versions
24
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

prop-types

Runtime type checking for React props and similar objects.


Version published
Weekly downloads
24M
decreased by-4.4%
Maintainers
6
Weekly downloads
 
Created

What is prop-types?

The prop-types package is used for runtime type checking of the props that a React component receives. It helps in documenting the intended types of properties passed to components and catching errors in development if a component receives props of incorrect types.

What are prop-types's main functionalities?

Typechecking with PropTypes

This code demonstrates how to use PropTypes to define type requirements for a React component's props. It specifies that the 'name' prop is required and must be a string, 'age' must be a number, 'onButtonClick' should be a function, 'children' should be a React node, 'style' should be an object with numeric values, and 'items' should be an array of strings.

{"Component.propTypes = { name: PropTypes.string.isRequired, age: PropTypes.number, onButtonClick: PropTypes.func, children: PropTypes.node, style: PropTypes.objectOf(PropTypes.number), items: PropTypes.arrayOf(PropTypes.string) };"}

Default Prop Values

This code provides default values for props in a React component. If 'age', 'onButtonClick', or 'items' are not provided by the parent component, they will default to 30, a no-op function, and an empty array, respectively.

{"Component.defaultProps = { age: 30, onButtonClick: () => {}, items: [] };"}

Custom Validators

This code shows how to define a custom validator for a prop. If the 'customProp' does not match the specified pattern, a validation error will be thrown.

{"Component.propTypes = { customProp: function(props, propName, componentName) { if (!/matchme/.test(props[propName])) { return new Error('Validation failed!'); } } };"}

Other packages similar to prop-types

Keywords

FAQs

Package last updated on 05 Jan 2022

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc