![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
文章平均质量分 90
React相关学习
keep789
我们都不完美,但我们心怀敬畏。愿永葆对技术的憧憬与热忱。
展开
-
React动态添加类名className和样式style
一、React动态添加类名已知变量:value = { class: 'class1', class2: 'class2', value: '你好' },想得到结果如下:<div class="class1 class2">你好</div> 实现方式如下:// React实现 双类名/多类名// 常用// (字符串写法)<d...原创 2019-04-24 20:11:33 · 24000 阅读 · 0 评论 -
react父子组件之间的传值
父传子-------------父组件constructor(props){ super(props) this.state={ message:"我是父组件传来的" }}render(){ return( <div style={{background:"red",padding:"30px"}}> ...原创 2019-01-02 01:55:32 · 628 阅读 · 0 评论 -
关于React高、低版本的整理
React在2013年5月份开源以来,版本就一直在更新。13-17年主要是低版的(15版),17年9月份出的高版(16版),两个版本之间差别还是蛮大的,改动的小细节也不少,本文就这些改动做一个整理。先说高版1.引入的基本文件 react.production.min.js react-dom.production.min.js browser.min.js2.定义组件的方式...原创 2018-08-04 20:21:03 · 6529 阅读 · 0 评论 -
React学习的小总结(一)
一、React简介1.React由来React是为解决两个问题而生的,一是:构建大型网站过程中,数据绑定需要大量操作真实DOM,性能成本较高;二是:双向数据流导致网站的数据流向太混乱,不好控制。这两大问题也是facebook在构建instagram网站时候遇到的,当时市场调研过MVC框架,发现并不能满意,于是提出react框架,并于2013年5月份开源。结论:用react原因-----...原创 2018-08-04 15:47:33 · 1577 阅读 · 0 评论 -
webpack构建react项目----实战篇2
上篇提到了webpack搭建react项目的整个步骤,但是写法主要是react15版的写法,这篇主要是用react16版的写法来配置,主要是和低版的形成一个对比。从目录上来看,配置文件什么的都基本上差不多,步骤见上篇。最大的不同就是组件里面app.js的写法的差异,模块的接收和暴露,一个是es5写法,一个是es6的写法。另外就是react高低版本对组件的声明方式的不同。//app.j...原创 2018-09-04 17:54:07 · 296 阅读 · 0 评论 -
webpack构建react项目----实战篇
可以用脚手架搭建react环境,比较快一点;但实际开发,公司常需要不使用现有的方法来搭建,这时候就需要自己去使用webpack自动化构建工具来搭建react项目的环境了。以下是简单的搭建步骤:1.创建目录,项目名为wpro 2.项目初始化 npm init3.安装webpack依赖 npm i webpack webpack-cli webpack-de...原创 2018-09-04 17:33:23 · 373 阅读 · 0 评论 -
webpack构建react项目--理论篇
用构建工具webpack构建react项目的原因:一、主要是react组件的特点 所有组件都写在一个js文件里面,不好维护,写多个js去引入也无法识别; 通过browser.js将jsx转换成js ,性能慢; 二、还有就是webpack自身特点 webpack是facebook为react量身打造的构建工具 webpack主要作用是实现模块化,代码整合,代码...原创 2018-09-03 19:38:53 · 126 阅读 · 0 评论 -
react基础
理论知识在本博客开始就有介绍,这里不再重复。本篇主要从react结构写法,css修饰以及简单的逻辑事件操作来学习react。react框架自13年5月份提出来,发展的主要有15版跟16版,两个版本差异还是蛮大的。react15,低版支持高版;而react16,高版拒绝低版。主要原因还是react更多的遵循原生js的语法,15版的话,封装了很多函数之类的,可以直接来用,支持高版。而高版更接近原生...原创 2018-09-03 17:31:19 · 147 阅读 · 0 评论