随笔分类 -  react

react基础（2）
摘要：react基础（1）：介绍了如何创建项目，总结了JSX、组件、样式、事件、state、props、refs、map循环，另外还讲了mock数据和ajax 还是用 react基础1 里创建的项目继续写案例。 react-router 在做单页面应用的时候就需要用到路由了。 首先来看一下我们的项目目录， 阅读全文
posted @ 2017-09-26 09:56 sakurayeah 阅读(620) 评论(1) 推荐(0)
react基础（1）
摘要：在 react入门系列 里面，介绍了一些react的基础知识，在react基础部分，会结合手脚架工具进行更多的总结。 关于webpack我在这里就不讲解了，有需要的小伙伴可以自己去百度一下学习资料，我这里会贴出来现成的东西供大家使用。 关于es6的内容，在写案例的时候会有涉及，我会贴出来相应的教程， 阅读全文
posted @ 2016-11-08 09:25 sakurayeah 阅读(2279) 评论(6) 推荐(6)
react入门（5）
摘要：二十、父组件向子组件传递信息 案例22： 效果图如下 分析如下 父元素Parent上在getInitialState里设置了两个初始值checked和class 父元素Parent的Child标签上有三个属性txt、class、checked。txt的属性值为“是否喜欢咖啡”；class的属性值是从 阅读全文
posted @ 2016-10-28 09:10 sakurayeah 阅读(896) 评论(0) 推荐(5)
react入门（4）
摘要：十四、props和state的混搭使用 案例19：(在 react入门2和3 里讲过的东西，这里简单讲解一下，不再细说) 效果如下 分析如下 1. Parent组件，设置初始值 2. Parent组件，this.state.val获取value的初始值，input值发生改变就触发onChange事件 阅读全文
posted @ 2016-10-10 09:26 sakurayeah 阅读(1055) 评论(3) 推荐(4)
react入门（3）
摘要：点击查看react入门（1） 点击查看react入门（2） 十、css、jsx、html 拆分开 前面两篇文章的例子，我们将css和jsx都是写在html文件里面的。当然，我们也可以将css、jsx、html分开来，各写一个文件 案例 14 新建三个文件如下 react.html react.js 阅读全文
posted @ 2016-09-29 10:18 sakurayeah 阅读(1312) 评论(0) 推荐(4)
react入门（2）
摘要：接着上一次的讲，如果没有看过上一篇文章的小伙伴可以先看一下http://www.cnblogs.com/sakurayeah/p/5807821.html 五、React事件 可以先看一下官网讲解的内容 案例6：以点击事件为例 上面列举了四种方法，效果图如下 react本身定义了一套事件机制遵守W3 阅读全文
posted @ 2016-09-19 09:30 sakurayeah 阅读(1278) 评论(5) 推荐(1)
react入门（1）
摘要：这篇文章也不能算教程咯，就算是自己学习整理的笔记把。 一、react基本介绍 关于react一些相关的简介、优势之类的，可以去官网看一下。 案例1： 新建一个index.html文件，文件内容如下 效果如下 下面来分析一下 在页面加载前，先依次加入react.min.js、react-dom.min 阅读全文
posted @ 2016-08-26 13:32 sakurayeah 阅读(1955) 评论(10) 推荐(7)