Skip to content

Commit 698dfe2

Browse files
authored
Update hooks-effect.md
修改一些问题
1 parent b485fef commit 698dfe2

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

content/docs/hooks-effect.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ next: hooks-rules.html
66
prev: hooks-intro.html
77
---
88

9-
*Hooks* 是 React 16.8 的新增特性。它可以让你在不使用 class 的情况下使用 state 和一些其他 React 功能。
9+
*Hooks* 是 React 16.8 的新增特性。它可以让你在不使用 class 的情况下使用 state 和一些其他的 React 功能。
1010

1111
*Effect Hook* 让你可以在函数定义组件中执行一些副作用(side effect)操作
1212

@@ -40,7 +40,7 @@ function Example() {
4040

4141
>Tip
4242
>
43-
>如果你熟悉 React class 的生命周期函数,你可以把 `useEffect` Hooks 看做 `componentDidMount``componentWillUnmount` 这两个函数的结合
43+
>如果你熟悉 React class 的生命周期函数,你可以把 `useEffect` Hooks 看做 `componentDidMount``componentDidUpdate``componentWillUnmount` 这三个函数的结合
4444
4545
通常来说在 React 组件中有两种副作用操作:需要清理的和不需要清理的。我们来更仔细地看一下他们之间的区别
4646

@@ -52,7 +52,7 @@ function Example() {
5252

5353
在 React 的类定义组件中,`render` 函数是不应该有任何副作用的。一般来说,在这里执行操作太早了,我们基本上都希望在 React 更新 DOM 之后才执行我们的操作。
5454

55-
这就是为什么在 React 类中,我们把副作用操作放到 `componentDidMount``componentDidUpdate` 函数中。回到我们的示例中来,这是一个 React 计数器类定义组件。它在 Ract 对 DOM 进行操作之后,立刻更新了 document 的 title 属性
55+
这就是为什么在 React 类中,我们把副作用操作放到 `componentDidMount``componentDidUpdate` 函数中。回到我们的示例中来,这是一个 React 计数器类定义组件。它在 React 对 DOM 进行操作之后,立刻更新了 document 的 title 属性
5656

5757
```js{9-15}
5858
class Example extends React.Component {

0 commit comments

Comments
 (0)