JavaScript 第25页

2021-07-05阅读(1824)

在本章节中我们将讨论 React 组件的生命周期。 react v16.3版本以下的生命周期，如下图： react v16.3版本及以上的生命周期去掉了以下三个 componentWillMountcomponentWillReceiveP...

2021-07-05阅读(1186)

在本章节中我们将讨论 React 组件 API。我们将讲解以下7个方法: 设置状态：setState 替换状态：replaceState 设置属性：setProps 替换属性：replaceProps 强制更新：forceUpdate 获取...

2021-07-05阅读(987)

我们可以使用 JavaScript 的 map() 方法来创建列表。 React 实例 使用 map() 方法遍历数组生成了一个 1 到 5 的数字列表: 我们可以将以上实例重构成一个组件，组件接收数组参数，每个列表元素分配一个 ...

2021-07-05阅读(965)

在 React 中，你可以创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。 React 中的条件渲染和 JavaScript 中的一致，使用 JavaScript 操作符 if 或条件运算符来创建表示当...

2021-07-05阅读(1034)

React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同: React 事件绑定属性的命名采用驼峰式写法，而不是小写。 如果采用 JSX 的语法你需要传入一个函数作为事件处理函数，而不是一个字符串(DOM 元素的写法) HTM...

2021-07-05阅读(1357)

state 和 props 主要的区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。 ...

2021-07-05阅读(940)

React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。 React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作...

2021-07-05阅读(1308)

本章节我们将讨论如何使用组件使得我们的应用更容易来管理。 接下来我们封装一个输出 "Hello World！" 的组件，组件名为 HelloMessage： React 实例 实例解析： 1、我们可以使用函数定义了一个组件： 你也可以使用 ...

2021-07-05阅读(1106)

React 使用 JSX 来替代常规的 JavaScript。 JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。 我们不需要一定使用 JSX，但它有以下优点： JSX 执行更快，因为它在编译为 JavaScript 代...

2021-07-03阅读(1089)

元素是构成 React 应用的最小单位，它用于描述屏幕上输出的内容。 与浏览器的 DOM 元素不同，React 当中的元素事实上是普通的对象，React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致。 将元素渲染...