React把PropTypes放到一个独立包

在给React v16打前站的React v15.5.0中,有一个大的改变,PropTypes的代码从React中分离出来了,放在一个独立的npm包prop-types里。

以前,要做PropTypes检查,代码是这样(方法一)。

import React from 'react';

SomeComponent.propTypes = {
  foo: React.PropTypes.string
};

或者下面这样(方法二)。

import React, { PropTypes } from 'react';

SomeComponent.propTypes = {
  foo: PropTypes.string
};

但是现在会出现报错

React把PropTypes放到一个独立包_第1张图片
image.png

其实是因为react版本变动了,对这个变动,Facebook 官方解释是“不是所有人都用PropTypes”。
要想使用prop的类型检查的就需要如下

import PropTypes from 'prop-types';

SomeComponent.propTypes = {
  foo: PropTypes.string
};

你可能感兴趣的:(React把PropTypes放到一个独立包)