一、JSX in Depth 1.1 choosing the type at runtime 为了解决这个问题,我们将其赋值给首字母大写的变量 1.2 props in JSX 有多种方法指定JSX的props属性 1)JS表达式 可以传递任何大括号包裹的JS表达式作为props。 对于MyCom ...
分类:
其他好文 时间:
2016-12-07 01:17:15
阅读次数:
192
最近打算把react知识点总结下: React特点 1、虚拟DOM 在内存中操作DOM,在内存中创建数据结构,只会更新有差异的地方 2、组件化 页面分成若干个组件,每个组件包含逻辑结构和样式 组件仅包含自身逻辑,与其他组件高度解耦 可重复使用 3、单向数据流 JSX javascript XML r ...
分类:
其他好文 时间:
2016-12-06 03:44:23
阅读次数:
175
webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sass),但我们无须在上面花费... ...
分类:
Web程序 时间:
2016-12-04 16:45:32
阅读次数:
217
一、Introducint JSX 在JSX中插入用户输入是安全的,默认情况下ReactDOM会在渲染前,转义JSX中的任意值,渲染前,所有的值都被转化为字符串形式,这能预防XSS攻击。 二、Components and Props All React components must act lik ...
分类:
其他好文 时间:
2016-12-03 02:03:53
阅读次数:
117
什么是声明周期?组件本质上就是状态机,输入确定,输出一定确定。如何理解这一点?react有两个特点,第一个就是去除了所有的手动dom操作,也就是使用jsx。第二个就是组件把状态和结果一一对应起来,从而能够直观的看出来,程序在不同的状态是的输出。属性是由父组件传递给子组件的,状态是子组件内部维护的一些 ...
分类:
其他好文 时间:
2016-11-30 20:03:47
阅读次数:
384
看这个例子,很简单,只是实现了render函数,从上面的代码中,我们可以看出,jsx其实本质上就是js,他和js的区别就是可以直接在里面编写html标签,这在普通的js中是无法实现的,要想实现只能采用字符串的形式来拼接标签,但是在jsx中,可以原生的支持html标签。第一个知识点:HelloMess ...
分类:
其他好文 时间:
2016-11-30 20:02:29
阅读次数:
188
首先配置下webpack.config.js 入口文件entry,整合js后输出output,loaders:需要jsx-loader将jsx转换成js 创建html 上面配置文件中的入口文件./app/app.js 先来创建此文件 用require先将依赖导入进来,然后就是用react创建组件 再 ...
分类:
Web程序 时间:
2016-11-28 07:56:24
阅读次数:
205
这是本人初学React做的学习笔记;讲的不是很深,只算是简单的进行介绍。 这是一个小系列。都是在同一个模板中搭建的,但是代码是不能正常执行的。 这里只是简单让大家感受一下JSX的语法氛围。 ...
分类:
Web程序 时间:
2016-11-26 20:56:19
阅读次数:
146
什么是声明周期?组件本质上就是状态机,输入确定,输出一定确定。如何理解这一点?react有两个特点,第一个就是去除了所有的手动dom操作,也就是使用jsx。第二个就是组件把状态和结果一一对应起来,从而能够直观的看出来,程序在不同的状态是的输出。属性是由父组件传递给子组件的,状态是子组件内部维护的一些 ...
分类:
其他好文 时间:
2016-11-26 18:11:32
阅读次数:
197
注意我们的第三个script的type类型为text/jsx,注意HelloWorld的首字母大写,我们后面会说。 ...
分类:
其他好文 时间:
2016-11-26 14:58:17
阅读次数:
160