摘要: 输入别的不会触发当输入123的时候第二种:就是使用react提供的一个函数unmountComponentAtNode 阅读全文
posted @ 2016-11-26 17:46 Gabriel_wei 阅读(6917) 评论(0) 推荐(2) 编辑
摘要: 改一下代码,查看输出属性的顺序。 没有输入内容的时候,只会触发render, 查看一下输出,这里输出了一个object 阅读全文
posted @ 2016-11-26 16:59 Gabriel_wei 阅读(371) 评论(0) 推荐(0) 编辑
摘要: 什么是声明周期?组件本质上就是状态机,输入确定,输出一定确定。如何理解这一点?react有两个特点,第一个就是去除了所有的手动dom操作,也就是使用jsx。第二个就是组件把状态和结果一一对应起来,从而能够直观的看出来,程序在不同的状态是的输出。属性是由父组件传递给子组件的,状态是子组件内部维护的一些 阅读全文
posted @ 2016-11-26 16:18 Gabriel_wei 阅读(289) 评论(0) 推荐(0) 编辑
摘要: 注意上面代码中红色的标记部分,我们只是输出的字符串HelloWorld,并不是标签<HelloWorld></Helloworld>,所以此时的控制台和输出是这样。 阅读全文
posted @ 2016-11-26 16:17 Gabriel_wei 阅读(1906) 评论(0) 推荐(0) 编辑
摘要: ref实例,要注意通过引用拿到的并不是这个dom节点本身,也就说我们并不能进行dom之间的操作,比如说设置文本,这样是不行的,我们拿到的只是一个虚拟的dom节点,也就是react展示给我们的dom节点,如果想要拿到真正的dom节点,还需要调用一个方法,后面我们会说,不过react并不会鼓励我们这样去 阅读全文
posted @ 2016-11-26 14:30 Gabriel_wei 阅读(623) 评论(0) 推荐(0) 编辑
摘要: 看这个例子,很简单,只是实现了render函数,从上面的代码中,我们可以看出,jsx其实本质上就是js,他和js的区别就是可以直接在里面编写html标签,这在普通的js中是无法实现的,要想实现只能采用字符串的形式来拼接标签,但是在jsx中,可以原生的支持html标签。第一个知识点:HelloMess 阅读全文
posted @ 2016-11-26 13:09 Gabriel_wei 阅读(1841) 评论(0) 推荐(4) 编辑
摘要: 注意我们的第三个script的type类型为text/jsx,注意HelloWorld的首字母大写,我们后面会说。 阅读全文
posted @ 2016-11-26 13:08 Gabriel_wei 阅读(338) 评论(0) 推荐(1) 编辑