File tree 1 file changed +3
-3
lines changed
1 file changed +3
-3
lines changed Original file line number Diff line number Diff line change @@ -6,7 +6,7 @@ next: hooks-rules.html
6
6
prev : hooks-intro.html
7
7
---
8
8
9
- * Hooks* 是 React 16.8 的新增特性。它可以让你在不使用 class 的情况下使用 state 和一些其他 React 功能。
9
+ * Hooks* 是 React 16.8 的新增特性。它可以让你在不使用 class 的情况下使用 state 和一些其他的 React 功能。
10
10
11
11
* Effect Hook* 让你可以在函数定义组件中执行一些副作用(side effect)操作
12
12
@@ -40,7 +40,7 @@ function Example() {
40
40
41
41
> Tip
42
42
>
43
- > 如果你熟悉 React class 的生命周期函数,你可以把 ` useEffect ` Hooks 看做 ` componentDidMount ` 和 ` componentWillUnmount ` 这两个函数的结合
43
+ > 如果你熟悉 React class 的生命周期函数,你可以把 ` useEffect ` Hooks 看做 ` componentDidMount ` , ` componentDidUpdate ` 和 ` componentWillUnmount ` 这三个函数的结合
44
44
45
45
通常来说在 React 组件中有两种副作用操作:需要清理的和不需要清理的。我们来更仔细地看一下他们之间的区别
46
46
@@ -52,7 +52,7 @@ function Example() {
52
52
53
53
在 React 的类定义组件中,` render ` 函数是不应该有任何副作用的。一般来说,在这里执行操作太早了,我们基本上都希望在 React 更新 DOM 之后才执行我们的操作。
54
54
55
- 这就是为什么在 React 类中,我们把副作用操作放到 ` componentDidMount ` 和 ` componentDidUpdate ` 函数中。回到我们的示例中来,这是一个 React 计数器类定义组件。它在 Ract 对 DOM 进行操作之后,立刻更新了 document 的 title 属性
55
+ 这就是为什么在 React 类中,我们把副作用操作放到 ` componentDidMount ` 和 ` componentDidUpdate ` 函数中。回到我们的示例中来,这是一个 React 计数器类定义组件。它在 React 对 DOM 进行操作之后,立刻更新了 document 的 title 属性
56
56
57
57
``` js{9-15}
58
58
class Example extends React.Component {
You can’t perform that action at this time.
0 commit comments