react
一腔&孤勇
这个作者很懒,什么都没留下…
展开
-
react入门笔记四 (组件嵌套)
经过前面的那些学习,我们现在已经了解了组件化的思想,现在让我们来开始组件化的开发吧例如我们现在实现这样一个页面1.有一个p标签,表示跳转到的网站名2.有一个a标签可以跳转3.用一个div将上面的两个组件容纳进去这个很简单实现,一个父div,里面装一个p,一个a标签就完事了,但是如果我们的页面中有很多这样的div,我们还需要写这么多代码嘛,不,使用组件化的思想,我们可以将...原创 2018-11-09 09:33:35 · 151 阅读 · 0 评论 -
react入门笔记五 (组件传值----------父传子->props)
经过上面的学习,我们已经会了组件化的开发;但是第四篇的项目有个致命的缺陷;就是它的网站名,与a标签的链接地址是静态数据,是定死的,这也就是我们说的硬代码;这样的话,那我们在调用这个自定义组件的时候,所有的组件都是一样的,这样就没有任何意义了;所以现在让我们开始让组件内的数据动起来,而不是我们自己写的静态数据;上代码!0.props首先我们要认识到这样的几个问题;数据...原创 2018-11-09 11:06:29 · 243 阅读 · 0 评论 -
react入门笔记六 (组件私有数据-----state)
我们学习了props以后,就可以在子父组件之间传值了;但是有一个问题,就是子组件的数据全是从父组件传递过来的;这就相当于,你是你父母的孩子,你会遗传你父母的相貌,身高等等,这些东西都是你父母给你的但是你也要自己独有的一些东西比如性格,对世界的认识等等,然后你自己独有的这些东西,就相当于reat组件中的state你遗传下来的东西就是react组件中的props,所以不多bb,上代...原创 2018-11-09 11:34:35 · 560 阅读 · 0 评论 -
react入门笔记七 (组件的生命周期)
生命周期分三个状态mounting(组件挂载阶段)updating(组件更新)unmounting(组件移除)props与state 生命周期分四个阶段创建阶段 实例化阶段getInitialStatecomponentWillMountrendercomponentDidMount...原创 2018-11-09 12:55:05 · 91 阅读 · 0 评论 -
react入门笔记一(react工程的创立)
1.建立一个普通的h5界面,然后像引入jquery一样去引用react相关的js文件2. 需要引入browser的js包,这个包的作用是将jsx的语法转为js,关于jsx后面的博文再详细说明,但是我们在react的开发中使用的都不是js语法而是jsx,所以需要这个包来解析jsx3.在h5代码后创建一个script的标签,以后我们项目开发的js代码基本放在这,但是要注意一点,需要设置...原创 2018-11-08 11:28:02 · 142 阅读 · 0 评论 -
react入门笔记二(组件的定义)
1.为什么要使用组件化组件化可以说是react的核心思想了,使用组件以后可以极大的降低耦合度,减少很多的冗余代码的编写,使用组件,就是将我们界面中重复出现多次的视图提取出来,进行封装,在我们后来的调用中碰到这样已经封装好的视图就可以直接调用了,到时候写界面就像完乐高积木一样,轻松愉快了,需要什么组件,一行代码就可以直接调用了2.组件化需要注意的坑 2.1.react中创建的组件...原创 2018-11-08 14:46:29 · 85 阅读 · 0 评论 -
react入门笔记三(组件的样式)
1.设置组件的样式的类型样式定义的类型有三钟方式:内联式对象样式选择器样式 2.使用内联的方式去定义组件的样式react使用内联样式定义时与h5的不同样例3.使用对象的样式去定义组件样式先定义样式的对象去模板内使用4.使用选择器的样式去定义组件样式需要注意的是我们在定义的时候不能像h5一样,直接使用class而要使用classNa...原创 2018-11-08 15:04:43 · 133 阅读 · 0 评论