React教程
-
React 教程 | React 教程
React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。 React 起源于 Facebook 的内部项目...
-
React 安装 | React 教程
React 可以直接下载使用,下载包中也提供了很多学习的实例。 本教程使用了 React 的版本为 16.4.0,你可以在官网 https://reactjs.org/ 下载最新版...
-
React 元素渲染 | React 教程
元素是构成 React 应用的最小单位,它用于描述屏幕上输出的内容。 const element = h1Hello, world!/h1; 与浏览器的 DOM 元素不同,React 当中的元素事...
-
React JSX | React 教程
React 使用 JSX 来替代常规的 JavaScript。 JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。 我们不需要一定使用 JSX,但它有以下优点: JSX 执行...
-
React 组件 | React 教程
本章节我们将讨论如何使用组件使得我们的应用更容易来管理。 接下来我们封装一个输出 Hello World! 的组件,组件名为 HelloMessage: React 实...
-
React State(状态) | React 教程
React 把组件看成是一个状态机(State Machines)。通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致。 React 里,只...
-
React Props | React 教程
state 和 props 主要的区别在于 props 是不可变的,而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改...
-
React 事件处理 | React 教程
React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同: React 事件绑定属性的命名采用驼峰式写法,而不是小写。 如果采用 JSX 的语...
-
React 条件渲染 | React 教程
在 React 中,你可以创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。 React 中的条件渲染和...
-
React 列表 & Keys | React 教程
我们可以使用 JavaScript 的 map() 方法来创建列表。 React 实例 使用 map() 方法遍历数组生成了一个 1 到 5 的数字列表: const numbers = [ 1 , 2 , 3 , 4...
-
React 组件 API | React 教程
在本章节中我们将讨论 React 组件 API。我们将讲解以下7个方法: 设置状态:setState 替换状态:replaceState 设置属性:setProps 替换属性:replace...
-
React 组件生命周期 | React 教程
在本章节中我们将讨论 React 组件的生命周期。 组件的生命周期可分成三个状态: Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmountin...
-
React AJAX | React 教程
React 组件的数据可以通过 componentDidMount 方法中的 Ajax 来获取,当从服务端获取数据时可以将数据存储在 state 中,再用 this.setState 方法重新渲...
-
React 表单与事件 | React 教程
本章节我们将讨论如何在 React 中使用表单。 HTML 表单元素与 React 中的其他 DOM 元素有所不同,因为表单元素生来就保留一些内部状态。 在 ...
-
React Refs | React 教程
React 支持一种非常特殊的属性 Ref ,你可以用来绑定到 render() 输出的任何组件上。 这个特殊的属性允许你引用 render() 返回的相应的支撑实例...
- 共 1页15条记录