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'
修改后就可以解决这个报错.
来源: https://juejin.im/post/5af16b5c518825672d342136