prop types react
HTML
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src=" https://unpkg.com/prop-types@15.6.0/prop-types.js "></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div id="container">
<!-- This element's contents will be replaced with your component. -->
</div>
Babel + JSX
const propTypes = {
customProp: function(props, propName, componentName) {
if ( !("myPropA" in props) && !("myPropB" in props) ) {
return new Error(
"Invalid prop"
);
}
}
}
class Hello extends React.Component {
render() {
return (<div>Hello {this.props.name}!</div>)
}
}
Hello.propTypes = propTypes;
ReactDOM.render(
<Hello name="World" />,
document.getElementById('container')
);