随笔分类 - React
2016年最流行的技术之一,组件化思想,虚拟DOM,你值得拥有.
摘要:React的学习资源 github 地址: https://github.com/LeuisKen/react collection https://github.com/reactnativecn/react native guide https://github.com/zhangmengxue
阅读全文
摘要:1. 调用已经写在的组件的setState 方法,导致错误问题: warning.js:45 Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a n...
阅读全文
摘要:webpack 使用优化指南前言 本文不是webpack入门文章,如果对webpack还不了解,请前往题叶的Webpack入门,或者阮老师的Webpack-Demos。 为什么要使用Webpack 与react一类模块化开发的框架搭配着用比较好。 属于配置型的构建工具,比较用容易上手,160行代码可大致实现gulp400行才能实现的功能。 webpack使用内存来对构建内容进行缓存,构建...
阅读全文
摘要:原文地址,欢迎Star!github webpack分离css单独打包 完整的文章【使用markdown编写,新增单独打包成多个CSS文件】 瞎扯 webpack 把所有的资源都当成了一个模块, CSS,Image, JS 字体文件 都是资源, 都可以打包到一个 bundle.js 文件中.但是有时
阅读全文
摘要:webpack react 单独打包 CSSwebpack require css的方法,默认会把css 打入到js文件中,加载顺序有问题,如果需要打出独立的css文件操作步骤:step1:安装 webpack plugin 插件npm install extract-text-webpack-plugin --savestep2:修改 webpack.config.js 配置引用pluginva...
阅读全文
摘要:React-router 语法的使用时间: 2016-04-12 19:18:26 作者:zhongxia react-router 其实 是配置了一个 路由 和组件 之间的映射关系当 location 的地址,和 react-router 配置的映射关系表里面 路径匹配上了,就返回对应的组件.但是返回的组件如何使用呢? 大部分的使用方法是这样的. 其实,还可以这样.使用 JS...
阅读全文
摘要:React-Router JS控制路由跳转时间: 2016-04-12 15:01:20 作者: zhongxia React-Router 控制路由跳转的方式,目前知道的有两种[Link 链接, 和 JS控制跳转 ] ,但是最常用的就是 用 Link(类似 a 标签),来进行跳转JS实现方式由于有时候需要 点击某个标签,或者某一个按钮,来动态的实现页面跳转的地址,这个就需要使用到 JS 来实现实...
阅读全文
摘要:存在这样一种情况,有时候项目中,存在一些 公共的组件,通常会抽取出来,放在一个统一的文件夹中.然后大家就可以再 各个 模块里面 愉快的使用该 组件了. 但是也带来一个坑爹的问题组件放在 common 文件夹中,但是 引用是在 modules 下的各个模块中引用.这个时候 引用的方式是这样的import xxx from ‘../../../common/components/Form’引用组件的...
阅读全文
摘要:dependencies 和 devDependencies 区别在 npm 中的 package.json ,有两种插件的依赖包配置形式。 dependencies 和 devDependencies ,那么这两种有什么不同呢?区别dependencies 程序正常运行需要的包devDependencies 是开发需要的包,比如 一些单元测试的包之类的一个node package有两种依赖,一种...
阅读全文
摘要:主题:React组件 继承 自定义的 组件 一、需求说明 情况说明: 有A,B,C,D 四个组件,里面都有一些公用的逻辑,比如 设置数据,获取数据,有某些公用的的属性,不想在 每一个 组件里面写这些属性,怎么办? 【和 面向对象的语言,C#,Java 的基类 思想是 一样的】 如果公用的东西,是一些
阅读全文