关于npm包,react-lifecycles-compat

看看这包名起的,react生命周期兼容。。。

一开始我看到这个的时候本以为这是一个可以对react已经废弃的api做一个兼容处理。。

那么是不是就意味着,我们根本就不用做react升级。??????

后来深入的读了一下官方的ReadMe,,,,

这个包的主要目的是使react的新Api能够在旧版本的react上使用。(0.14.9+)。

这就有点烦了,人家根本不是为了让你不用更新react组件才出的这个包,人家是为了让你在更新完之后还能在老的react版本上跑(没错,放心的更新你们的react组件吧,更新之后的新Api我们已经出了包让你在各种react上跑了),,,,

不过使用起来还是非常简单的

你只需要先,

npm install react-lifecycles-compat

  

然后在你使用的代码中

import React from ‘react‘;

import {polyfill} from ‘react-lifecycles-compat‘;

class Exampels extends React.component{

getDevrivedStateFromProps(nextProps,preState){

};

  getSnapshotBeforeUpdate(prevProps, prevState) {

}

}//好,我在代码中使用这两个新的名字特别长的生命周期方法了

polyfill(Examples);

export default Examples;

  

然后就可以了,其实就是将你使用过新的api的组件用polyfill包一下就ok了

原文地址:https://www.cnblogs.com/liuerhou/p/10199177.html

时间: 2024-10-24 13:31:54

关于npm包,react-lifecycles-compat的相关文章

在react typescript项目中如何使用没有@type定义的npm包

最近在用react重构我们的Angularjs项目,我使用的是create react-app 构建的 使用typescript的react项目 其中遇到一个问题就是有的npm包比如: react-loadable 在npm上是没有@types/react-loadable的那么我们如何在符合TS语法的基础上引入这个包呢? 首先正常npm install react-loadable --save 然后在项目中找到react-app-env.d.ts 加上以下代码即可: declare modu

npm搭建React项目

转自:http://blog.csdn.net/u012859720/article/details/70597119 要想使用npm,首先安装Node.js 一.安装全局包 $ npm install babel -g $ npm install webpack -g $ npm install webpack-dev-server -g 二.创建根目录 创建一个根目录,目录名为:myApp,再使用npm init初始化,生成package.json文件: $ mkdir myApp $ cd

通过npm使用React

要想使用npm,请先安装nodejs. 第一步.安装全局包$ npm install babel -g$ npm install webpack -g$ npm install webpack-dev-server -g第二步.创建根目录创建一个根目录,目录名为:reactApp,再使用 npm init 初始化,生成 package.json 文件: $ mkdir reactApp$ cd reactApp/$ npm initname: (reactApp) runoob-react-te

npm包的更新说明,你还敢不看吗

npm包的更新说明,你还敢不看吗 前言 平时工作少不了依赖一些第三方的npm包,站在各位大牛的肩膀上来更好的写bug,此外还可以学习各位大佬们的各种设计思路和优雅实现.不过npm包虽好,但使用之前也要多加甄别,特别是相同包的不同版本之间的差别,可能一不小心,原本用的飞起的轮子就会让我们笑不出来.下面用两次惨痛的线上问题来给大家提个醒. 版本依赖符号 在描述问题之前,先谈一下npm的包管理控制. 假设我们依赖一个npm包 a 常见的依赖符号有下面这么几种 { "dependencies"

每日质量NPM包复制_copy-to-clipboard

一.copy-to-clipboard 官方定义: Simple module exposing copy function 理解: 一个超级简单的复制功能,并且这种方法适用于通过别的事件触发复制功能 什么意思呢?比如:我想设计一个在Select选择项改变的时候复制该选择项,这时候一般无法插入组件(等会会介绍一个react复制组件的npm),这时候用copy-to-clipboard就非常合适. 当然为了简单而使用也是非常合理的 用法 import copy from 'copy-to-clip

关于npm 包的发布

注册一个npm 账号,打开命令行输入 npm add user 然后登录 npm login 发布npm 包,在你要发布的包的目录下,在创建账号后需要认证邮箱,否则无法发布,发布同一个包,每次的版本需要比上一次发布的大,才能发布 npm publish 删除npm包 npm unpublish --force //强制删除 npm unpublish [email protected]1.0.1 //指定版本号 关于包名 包名类似,拒绝发布,包名就是package.json 中的name 例如:

编写一个供浏览器端使用的NPM包

此文已由作者吴维伟授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 在编写程序时,总会有一些代码是我们不愿意一遍又一遍重复地去写的,比如一些UI或交互相似组件,或是一些相似的流程或逻辑.以前,面对这样的情况,我会将可以复用的部分抽象出来,做成可以复用的模块,放在专门存放公用模块的文件夹中,便于查找和引用.但是这样只能解决单个项目中公用模块复用的问题,如果你的模块需要被多个项目复用,那么就需要另寻它法了.本文讨论的是通过发布npm包来实现模块复用时有哪些注意事项. 新建一个

Node.js权威指南 (4) - 模块与npm包管理工具

4.1 核心模块与文件模块 / 574.2 从模块外部访问模块内的成员 / 58 4.2.1 使用exports对象 / 58 4.2.2 将模块定义为类 / 58 4.2.3 为模块类定义类变量或类函数 / 614.3 组织与管理模块 / 61 4.3.1 从node_modules目录中加载模块 / 61 4.3.2 使用目录来管理模块 / 62 4.3.3 从全局目录中加载模块 / 624.4 模块对象的属性 / 634.5 包与npm包管理工具 / 65 4.5.1 Node.js中的包

怎么开发一个npm包

一.注册npm账号* 怎么将代码提到github,大家都知道需要一个github账号* 同样,开发一个npm包,当然也需要一个npm账号,将npm包发布到npm的托管服务器* 注册地址:[http://npmjs.org](http://npmjs.org)* 该实例包含了模块的局部调用和全局调用两种方式 二.开发npm包 1.目录构建* npm init* 项目结构:```javascript.├── bin //命令配置├── README.md //说明文档├── index.js //主

使用cnpm搭建私有NPM仓库 发布npm包

关于如何使用cnpm搭建私有的npm仓库看这里→ http://blog.fens.me/nodejs-cnpm-npm/ 我本人还没有机会真正实践操作过,公司的npm仓库是我老大搭建的,我这里仅仅记录关于如何发布npm包以及在这过程中出现的问题以及解决的方案. 因为官方的npm上的模块是完全开源,但是公司自己项目有些模块与业务或者逻辑以及一些配置模块肯定不能开源啊,所以需要搭建私有的npm仓库. 1.准备工作 首先安装好npm 以及 cnpm . 现在安装node.js 里会一起安装好npm.