Simple property validators

In this section, you'll learn how to use the simple property type validators available in the PropTypes object. Then, you'll learn how to accept any property value as well as make a property required instead of optional.

Basic type validation

Let's take a look at validators that handle the most primitive types of JavaScript values. You will use these validators frequently, as you'll want to know that a property is a string or that it's a function. This example will also introduce you to the mechanisms involved with setting up validation on a component. So, here's the component itself; it just renders some properties using basic markup:

import React, { PropTypes } from 'react'; 
 
const MyComponent = ({ 
  myString, 
  myNumber, 
  myBool, 
  myFunc, 
  myArray, 
  myObject, 
}) => ( 
  <section> 
    { /* Strings and numbers can be rendered 
         just about anywhere. */ } 
    <p>...