URL Prop Type
Introduction
This package is used to validate if a React Prop value is a valid URL. A valid URL can be a valid absolute URL (like https://github.com/jaebradley/url-prop-type
) or a relative-absolute URL (starts with a /
).
Currently, there is no URL prop type defined by the prop-types
package. While using PropType.string
works, why not be as specific as possible when validating your props?
Additionally, though it's relatively straightforward to create a custom prop type validator, if you need to implement similar prop type checking in multiple packages, you might not want to repeat yourself.
Depends on the is-url
package.
Installation
npm install --save url-prop-type
Example Usage
;;; // Create a basic Hyperlink Componentconst Hyperlink = <a href=propslink>propstext</a> ; HyperlinkpropTypes = text: PropTypesstringisRequired link: urlPropTypeisRequired // can also specify urlPropType if it is not required;
Alternatives
I didn't see many alternatives:
- It doesn't look like the
airbnb/prop-types
project has URL validation. - Similarly, the
react-proptypes-url-validator
package doesn't seem to implement anisRequired
option