Fork me on GitHub
摘要: react version: 15.4.2 React.Component 组件能够让你将UI拆分为多个独立自治并可重用的部分。在 中提供了 。 概述 是一个抽象基类,直接引用 无太大意义。反而,我们会用子类来继承它,并至少定义一个 方法。 通常您将使用纯 "JavaScript class" 来定 阅读全文
posted @ 2017-04-14 17:56 幻天芒 阅读(1267) 评论(0) 推荐(0) 编辑
摘要: react version: 15.5.0 组件与属性 组件允许您将UI拆分为多个独立的,可重用的部分。 概念上,组件就类似于 函数。它们接收任意的输入( ),返回用于描述屏幕显示内容的 。 函数式组件和类组件 最简单定义组件的方式,是编写一个 函数: 这个函数是一个合法的组件,因为它接收包含数据的 阅读全文
posted @ 2017-04-14 17:55 幻天芒 阅读(651) 评论(0) 推荐(0) 编辑
摘要: react version: 15.5.0 渲染元素 是 应用中的最小单元。 一个元素定义了你会在屏幕上看到什么: React 元素是很容易创建的纯对象,不同于浏览器的DOM元素。React DOM 负责从 React元素来更新DOM。 注意: 人们可能会将元素与更广为人知的组件混淆。我们将在 "下 阅读全文
posted @ 2017-04-14 17:54 幻天芒 阅读(453) 评论(0) 推荐(0) 编辑
摘要: version: 15.4.2 状态和生命周期 到目前为止,我们仅学到了一种更新UI的方法。 我们通过调用 来改变渲染输出: "CodePen地址" 在本节中,我们将学习如何使得 组件是可重用的和封装的。 它将创建自己的计时器并每秒更新一次。 我们可以用如下方式进行封装: "CodePen地址" 然 阅读全文
posted @ 2017-04-14 17:54 幻天芒 阅读(435) 评论(0) 推荐(0) 编辑
摘要: react version: 15.5.0 快速起步 JSX简介 思考这个变量申明: 这个有趣的标签语法既不是字符串也不是HTML。 它被称之为 ,是 的语法扩展。我们建议使用它来定义React的UI展示。 可能会让你想起模板语言,但它可以使用 的全部功能。 用于编写 。在 "下一节" ,我们将探索 阅读全文
posted @ 2017-04-14 17:52 幻天芒 阅读(392) 评论(0) 推荐(0) 编辑