Skip to content

Commit 4a7d15e

Browse files
committed
minor change content
1 parent 7d6ff9d commit 4a7d15e

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

content/docs/faq-functions.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ class Foo extends Component {
8383

8484
>**Lưu ý:**
8585
>
86-
>Sử dụng arrow function trong hàm render tạo ra một function mới mỗi lần component renders, điều đó làm tối ưu hóa dựa trên so sánh nghiêm ngặt.
86+
>Sử dụng arrow function trong hàm render tạo ra một function mới mỗi lần component renders, điều đó làm phá vỡ tính tối ưu dựa trên so sánh các định danh.
8787
8888
### Nó có OK khi sử dụng arrow function trong hàm render? {#is-it-ok-to-use-arrow-functions-in-render-methods}
8989

@@ -106,7 +106,7 @@ method();
106106

107107
Các phương thức binding giúp đảm bảo rằng đoạn code thứ hai hoạt động giống như cách đầu tiên.
108108

109-
Với React, thông thường bạn chỉ cần bind các phương thức bạn *truyền* cho các component khác. Ví dụ: `<button onClick = {this.handleClick}>` truyền `this.handleClick` vì vậy bạn phải bind nó. Tuy nhiên, không cần thiết phải bind hàm `render` hoặc phương thức vòng đời: chúng tôi không thể truyền chúng cho các component khác.
109+
Với React, thông thường bạn chỉ cần bind các phương thức bạn *truyền* cho các component khác. Ví dụ: `<button onClick = {this.handleClick}>` truyền `this.handleClick` vì vậy bạn phải bind nó. Tuy nhiên, không cần thiết phải bind hàm `render` hoặc phương thức vòng đời: chúng tôi không truyền chúng cho các component khác.
110110

111111
[Bài đăng này của Yehuda Katz](https://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/) giải thích binding là gì và cách các function hoạt động trong JavaScript, một cách chi tiết.
112112

@@ -180,7 +180,7 @@ class Alphabet extends React.Component {
180180

181181
#### Ví dụ: Truyền tham số sử dụng data-attributes {#example-passing-params-using-data-attributes}
182182

183-
Thông thường, bạn có thể sử dụng DOM APIs để lưu trữ dữ liệu cần thiết cho xử lý sự kiện. Hãy xem xét phương pháp này nếu bạn cần tối ưu hóa một số lượng lớn các phần tử hoặc có một render tree dựa trên các kiểm tra phương thức React.PureComponent.
183+
Thông thường, bạn có thể sử dụng DOM APIs để lưu trữ dữ liệu cần thiết cho xử lý sự kiện. Hãy xem xét phương pháp này nếu bạn cần tối ưu hóa một số lượng lớn các phần tử hoặc có một render tree dựa trên các phương thức kiểm tra sự bằng nhau React.PureComponent.
184184

185185
```jsx
186186
const A = 65 // ASCII character code
@@ -224,17 +224,17 @@ Nếu bạn có một sự kiện như `onClick` hoặc `onScroll` và muốn ng
224224

225225
- **throttling**: thay đổi dựa vào tần suất dựa trên thời gian (eg [`_.throttle`](https://lodash.com/docs#throttle))
226226
- **debouncing**: thực hiện dựa vào những thay đổi sau một khoảng thời gian (eg [`_.debounce`](https://lodash.com/docs#debounce))
227-
- **`requestAnimationFrame` throttling**: thay đổi dựa trên [`requestAnimationFrame`](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame) (eg [`raf-schd`](https://github.com/alexreardon/raf-schd))
227+
- **`requestAnimationFrame` throttling**: thay đổi mẫu dựa trên [`requestAnimationFrame`](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame) (eg [`raf-schd`](https://github.com/alexreardon/raf-schd))
228228

229229
Xem [mô phỏng này](http://demo.nimius.net/debounce_throttle/) để so sánh giữa các hàm `throttle``debounce`.
230230

231231
> Lưu ý:
232232
>
233-
> `_.debounce`, `_.throttle``raf-schd` cung cấp một phương thức `cancel` làm trì hoãn các hàm callback. Bạn nên gọi phương thức này từ `componentWillUnmount` _hoặc_ kiểm tra để đảm bảo rằng component đó vẫn được gắn trong function bị trì hoãn.
233+
> `_.debounce`, `_.throttle``raf-schd` cung cấp một phương thức `cancel` để huỷ các hàm callback đang bị trì hoãn. Bạn nên gọi phương thức này từ `componentWillUnmount` _hoặc_ kiểm tra để đảm bảo rằng component đó vẫn được gắn trong function bị trì hoãn.
234234
235235
#### Throttle {#throttle}
236236

237-
Throttle ngăn chặn một function được gọi nhiều lần trong một cửa sổ thời gian nhất định. Ví dụ dưới đây điều chỉnh một sự kiện xử lý "click" để ngăn chặn việc gọi nó nhiều hơn một lần mỗi giây.
237+
Throttle ngăn chặn một function được gọi nhiều lần trong một khung thời gian nhất định. Ví dụ dưới đây điều chỉnh một sự kiện xử lý "click" để ngăn chặn việc gọi nó nhiều hơn một lần mỗi giây.
238238

239239
```jsx
240240
import throttle from 'lodash.throttle';

0 commit comments

Comments
 (0)