javascript - Meteor 中的 React PropTypes 对我不起作用

Question

我尝试了不同的 meteor / react 教程，但我总是遇到同样的问题。

我不知道为什么 PropTypes 在出现错误时不在控制台中显示警告。例如:

如果我删除标题 <TitleBar title="Test title"/>即使需要，代码仍然可以正常工作而不会出现警告。

如果我更改对象、 bool 值或数组中的字符串 title: PropTypes.string.isRequired一切仍然正常，没有警告。

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
};

我也试过官方的 Meteor/React 教程，我遇到了同样的问题。 https://www.meteor.com/tutorials/react/components

PropTypes 只是为了测试目的吗？

Answer 1

从 npm 安装新包

  npm install --save prop-types

并导入这个在你的代码中

  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

      };