React 15.6 升级 React 16.2 小记

React 16 已经发布很久了，但是维护的一个很简单的项目使用的还是 React 15.6。

由于想使用React 16.2 中的 Fragment 的特性，便决定升级。

升级过程

项目依赖并不多，所以直接升级：

需要同时升级 react 和 react-dom 这两个包

npm install --save react@16.2.0 react-dom@16.2.0
复制代码

由于本来项目中使用的就是 React 4， 所以没有升级 react-router-dom 这个包。

升级第三方依赖

检查安装的第三方抵赖包是否报错，如果有报错，尝试升级。 由于本项目比较简单，升级后编译没有报错，暂时没有升级第三方依赖包。

升级遇到的问题

报错1： Cannot read property 'array' of undefined

static propTypes = {
    images: PropTypes.array.isRequired,
  }
复制代码

报这个错的原因是 React 中组件 PropTypes 的引入有问题：

在react v16.0.0 版本中，已经把PropTypes给移出核心包了（要使用的话，就要使用prop-types这个包）

升级之前引入：

import React, { Component, PropTypes } from 'react'
复制代码

升级后修改为：

import PropTypes from 'prop-types'
复制代码

修改后就可以解决这个报错。