04 2017 档案
摘要：react version: 15.4.2 React.Component 组件能够让你将UI拆分为多个独立自治并可重用的部分。在 中提供了 。 概述 是一个抽象基类，直接引用 无太大意义。反而，我们会用子类来继承它，并至少定义一个 方法。 通常您将使用纯 "JavaScript class" 来定
阅读全文
摘要：react version: 15.5.0 组件与属性 组件允许您将UI拆分为多个独立的，可重用的部分。 概念上，组件就类似于 函数。它们接收任意的输入（ ），返回用于描述屏幕显示内容的 。 函数式组件和类组件 最简单定义组件的方式，是编写一个 函数： 这个函数是一个合法的组件，因为它接收包含数据的
阅读全文
摘要：react version: 15.5.0 渲染元素 是 应用中的最小单元。 一个元素定义了你会在屏幕上看到什么： React 元素是很容易创建的纯对象，不同于浏览器的DOM元素。React DOM 负责从 React元素来更新DOM。 注意： 人们可能会将元素与更广为人知的组件混淆。我们将在 "下
阅读全文
摘要：version: 15.4.2 状态和生命周期 到目前为止，我们仅学到了一种更新UI的方法。 我们通过调用 来改变渲染输出： "CodePen地址" 在本节中，我们将学习如何使得 组件是可重用的和封装的。 它将创建自己的计时器并每秒更新一次。 我们可以用如下方式进行封装： "CodePen地址" 然
阅读全文
摘要：react version: 15.5.0 快速起步 JSX简介 思考这个变量申明： 这个有趣的标签语法既不是字符串也不是HTML。 它被称之为 ，是 的语法扩展。我们建议使用它来定义React的UI展示。 可能会让你想起模板语言，但它可以使用 的全部功能。 用于编写 。在 "下一节" ，我们将探索
阅读全文
摘要：title: 高级指南 深入JSX date: 2017 4 5 17:13:09 深入JSX 从根本上来讲， 仅仅是提供 方法的语法糖。 JS代码： 将会被编译为： 如果它们（组件/元素）没有子元素，也可以使用自闭合的标签形式，如： 将会被编译为： 如果你要测试特定的 将会转换为怎样的 代码，可以
阅读全文
