流星中的React PropTypes对我不起作用

Question

I tried different meteor/react tutorials and I always have the same problem.

I don't know why PropTypes don't display warnings in console if something is wrong. For example:

If I remove title <TitleBar title="Test title"/> The code still works normal without warnings even if it's required.

If I change string in object, bool or array title: PropTypes.string.isRequired everything still works normal without warnings.

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

export default class TitleBar extends React.Component {
  render(){
    return (
      <div>
        <h1>{this.props.title}</h1>
      </div>
    );
  }
}

TitleBar.propTypes = {
  title: PropTypes.string.isRequired
};

I also tried official Meteor/React tutorial and I got the same problem. https://www.meteor.com/tutorials/react/components

Is PropTypes just for testing purpose?

Answer 1

install the new package from npm

  npm install --save prop-types

and import this in your code

  import React from 'react';
  import PropTypes from 'prop-types';
  export default class TitleBar extends React.Component {
  render() {
          return (
             <div>
             <h1>{this.props.title}</h1>

            </div>
                 );
      }
    }

    TitleBar.propTypes = {
        title: PropTypes.string.isRequired

      };