摘要: 主要对props更多重要的特性进行学习; 还是用之前代码, index.js代码为: footer.js的代码为: 1.判断类型 现在我们需要对父页面传来的 userId进行 类型判断,只能接受number类型的: 由于React.PropTypes不再适用于React v15.5,改用prop-t 阅读全文
posted @ 2017-05-16 18:55 阿泽大大 阅读(1536) 评论(1) 推荐(0) 编辑
摘要: 上一节中,我们是从父组件给子组件传送数据,要实现事件与数据的双向绑定,我们来看如何从子组件向父组件传送数据; 接触之前,我们看一些里面函数绑定的知识: 例:通过点击事件改变state的age属性值: 接下来,我们看如何从子组件向父组件传送数据, 建立一个BodyIndex的子组件:bodychild 阅读全文
posted @ 2017-05-16 17:24 阿泽大大 阅读(371) 评论(0) 推荐(0) 编辑
摘要: Props 和 State对于组件Component是非常重要的两个属性。 区别:State对于模块来说是 自身属性; Props对于模块来说是 外来属性; 同样的,props也是只作用于当前的组件,绝不影响其他组件; 给组件 <ComponentFooter> 添加props属性和属性值; 例:从 阅读全文
posted @ 2017-05-15 18:11 阿泽大大 阅读(235) 评论(0) 推荐(0) 编辑
摘要: state >虚拟dom >dom 这个过程是自动的,不需要触发其他事件来调用它。 state中文理解:页面状态的的一个值,可以存储很多东西。 学习state的使用: 1.state先初始化,在React中,每一个类跟所有的面向对象的函数一样,都有一个构造函数叫constructor。 2.将sta 阅读全文
posted @ 2017-05-12 18:14 阿泽大大 阅读(616) 评论(0) 推荐(0) 编辑
摘要: 个人理解:接触的JSX就是在React中render方法里面的js,因为里面只能有一个节点,所以你写的东西都在一个div中,要有js所以通过JSX来表达。(个人菜鸟理解,欢迎指正) React 使用 JSX 来替代常规的 JavaScript。 JSX 是一个看起来很像 XML 的 JavaScri 阅读全文
posted @ 2017-05-11 17:38 阿泽大大 阅读(3848) 评论(0) 推荐(0) 编辑
摘要: 组件嵌套 我们现在需要组件嵌套,所以要创建其他组件,目前有一个头部组件,在./components/header.js; 接下来在components文件中创建:底部组件footer.js 和主体组件BodyIndex.js 项目框架应该为: 底部组件footer.js 和主体组件BodyIndex 阅读全文
posted @ 2017-05-10 18:15 阿泽大大 阅读(3188) 评论(0) 推荐(0) 编辑
摘要: 组件:网页可以分为多个模块,比如头部,底部,分享等各种模块,这些模块在其他页面也可能会用到,我们把这些分开,每一个模块当作一个组件,进行复用。 接下来直接以头部 header作为一个组件来进行demo演示组件。 下面是整体的一个项目的框架: 到现在,项目的文件夹里面有两个文件 package.jso 阅读全文
posted @ 2017-05-10 16:17 阿泽大大 阅读(272) 评论(0) 推荐(0) 编辑
摘要: React开始前的准备(下): ·配置webpack热加载(热加载就是修改js文件,点击保存之后,浏览器会自动刷新,提高开发效率) 1. 全局安装: 2. 当前项目安装: 3. 初始化配置 创建文件:webpack.config.js 里面内容如下: 4.React热加载 这个时候,react和we 阅读全文
posted @ 2017-05-10 12:06 阿泽大大 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 开始前准备: 1.安装配置nodeJs(nodeJS官网) 检查安装成功: 2.使用NPM配置React开发环境 (1). 创建项目文件夹(创建文件夹时,文件夹名不要起为react等,会发生冲突报错) (2). npm项目初始化 执行完之后会出现 package.json; (3). 项目依赖包安装 阅读全文
posted @ 2017-05-10 11:38 阿泽大大 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 在慕课网学习react入门笔记 阅读全文
posted @ 2017-05-10 11:22 阿泽大大 阅读(279) 评论(0) 推荐(0) 编辑