升级React16

原创 2018年04月17日 19:26:01

升级react依赖

npm install react@^16.2.0
npm install react-dom@^16.2.0
npm install prop-types@^15.6.0

问题1:React.PropTypes 自 React v15.5 起已弃用。请使用 prop-types 库代替

//安装prop-types库
npm install prop-types@^15.6.0
//文件中用到React.PropTypes的地方做修改
import PropTypes from 'prop-types';
Greeting.propTypes = {
  name: PropTypes.string //原为:React.PropTypes.string
};

问题2:升级react-hot-loader如果有用到

//如有此问题:Module not found: Error: Can't resolve 'react/lib/ReactMount'
npm install react-hot-loader@^3.1.3

问题3:升级react-hot-loader后wepack配置修改

/*
* Error: Module'.../node_modules/react-hot-loader/index.js' 
* is not a loader (must have normal or pitch function)
*/
//webpack修改react-hot-loader ==》react-hot-loader/webpack
{
    test: /\.js$/, loader:'react-hot-loader/webpack',
    exclude: /node_modules/
},
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lzr_must/article/details/79979377

npm 实战精讲

通过 npm 命令可以安装 Node.js 第三方库,但如何正确的使用 npm 命令,如何发布自己的库,是很多童鞋的想要快速掌握的,这套课程会详细的带领童鞋们,掌握 npm 命令的方方面面。
  • 2017年09月02日 12:38

react 升级到 16.2.0 记录

React 升级到 16.2.0 使用记录 说明 最新中文官方文档 react 完整项目案例 react 开发环境搭建 React 项目中使用 MobX 进行状态管理 1. ...
  • mjzhang1993
  • mjzhang1993
  • 2018-01-10 16:46:56
  • 842

React 16 新特性

2017年9月26日React 16发布,通过官网和示例了解一下新特性。React 16更新新js环境要求react16依靠Map和Set集合和requestAnimationFrame(一个针对动画...
  • xcg132566
  • xcg132566
  • 2017-12-18 19:38:00
  • 151

webpack-3 react-router-4 react-15.6 升级记录

webpack-3 react-router-4 react-15.6 升级记录 模板源码 react16 + react-router4 + webpack开发环境搭建 说明 ...
  • mjzhang1993
  • mjzhang1993
  • 2017-07-25 13:25:14
  • 1656

webpack3+react16+react-router3+react-redux实战项目

折腾了近一个月的时间终于把项目搞定。该项目运用了全新的react技术栈包括webpack3 react16 react-router3 react-redux ES6 等。 非...
  • hkwBest
  • hkwBest
  • 2017-11-21 16:35:15
  • 706

React V16 的异常/错误处理

本文翻译自 React 官方博客:Error Handling in React 16 随着 React 16 即将发布,我们打算介绍一些组件内部 React 如何处理 JavaScript 错误...
  • yezitoo
  • yezitoo
  • 2017-12-26 10:48:56
  • 120

React 16.0.0 更新的内容 不废话

1. React.PropTypes 被废弃用‘prop-types’库// 引入库 npm install 'prop-types' --save// 组件中使用: import PropTypes...
  • lx376693576
  • lx376693576
  • 2017-10-10 15:01:35
  • 439

为什么要选择react

以下是我个人在使用过程中的感受。 模块化react的模块化使得组件化开发变得更加方便,可维护,使得代码复用性更强了,开发效率更高了。 使得人们写代码更加规范,可读性也大大提高,就算是刚入门的新手也可...
  • thebigbuding
  • thebigbuding
  • 2017-06-06 14:17:40
  • 390

react v.16的新特性学习

1、Fragment 新版本的render可以返回数组、字符串、react组件、数字、boolean值 v15.x必须要一个标签来包裹 Before v16 return ( &...
  • u014627807
  • u014627807
  • 2018-02-06 13:34:19
  • 35
收藏助手
不良信息举报
您举报文章:升级React16
举报原因:
原因补充:

(最多只允许输入30个字)