Skip to content

Commit 6ff2202

Browse files
committed
update translate faq
1 parent 4a7d15e commit 6ff2202

File tree

4 files changed

+9
-9
lines changed

4 files changed

+9
-9
lines changed

content/docs/faq-build.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
id: faq-build
3-
title: Babel, JSX, và từng bước xây dựng
3+
title: Babel, JSX, và các bước xây dựng
44
permalink: docs/faq-build.html
55
layout: docs
66
category: FAQ

content/docs/faq-functions.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ Truyền một sự kiện xử lý và một function khác như là một prop
1616

1717
Nếu bạn cần truy cập vào component cha trong xử lý, bạn cần phải bind function cụ thể với một component (xem bên dưới).
1818

19-
### Làm sao Tôi bind một function cho component cụ thể? {#how-do-i-bind-a-function-to-a-component-instance}
19+
### Làm sao tôi bind một function cho component cụ thể? {#how-do-i-bind-a-function-to-a-component-instance}
2020

2121
Có một số cách để đảm bảo các function có quyền truy cập vào các thuộc tính component như `this.props``this.state`, tùy thuộc vào cú pháp và các bước xây dựng mà bạn đang sử dụng.
2222

@@ -85,7 +85,7 @@ class Foo extends Component {
8585
>
8686
>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
88-
### Nó có OK khi sử dụng arrow function trong hàm render? {#is-it-ok-to-use-arrow-functions-in-render-methods}
88+
### Có được sử dụng arrow function trong hàm render không? {#is-it-ok-to-use-arrow-functions-in-render-methods}
8989

9090
Nói chung, đồng ý, nó OK, và nó thường là cách dễ nhất để truyền tham số cho các callback functions.
9191

@@ -262,7 +262,7 @@ class LoadMoreButton extends React.Component {
262262

263263
#### Debounce {#debounce}
264264

265-
Debounce đảm bảo rằng một hàm sẽ không được thực thi cho đến khi một khoảng thời gian nhất định trôi qua kể từ khi nó được gọi lần cuối. Điều này có thể hữu ích khi bạn phải thực hiện một số tính toán phức tạp để đáp ứng với một sự kiện có thể gửi đi nhanh chóng (ví dụ: các sự kiện scroll hoặc bàn phím). Ví dụ dưới đây nhập văn bản với độ trễ 250ms.
265+
Debounce đảm bảo rằng một hàm sẽ không được thực thi sau một khoảng thời gian nhất định kể từ khi nó được gọi lần cuối. Điều này có thể hữu ích khi bạn phải thực hiện một số tính toán phức tạp để đáp ứng với một sự kiện có thể gửi đi nhanh chóng (ví dụ: các sự kiện scroll hoặc bàn phím). Ví dụ dưới đây nhập văn bản với độ trễ 250ms.
266266

267267
```jsx
268268
import debounce from 'lodash.debounce';
@@ -304,7 +304,7 @@ class Searchbox extends React.Component {
304304

305305
#### `requestAnimationFrame` throttling {#requestanimationframe-throttling}
306306

307-
[`requestAnimationFrame`](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame) là một cách xếp hàng một chức năng sẽ được thực thi trong trình duyệt tại thời điểm tối ưu để hiển thị hiệu suất. Một chức năng được xếp hàng trong `requestAnimationFrame` sẽ kích hoạt trong khung tiếp theo. Trình duyệt sẽ làm việc liên tục để đảm bảo có 60 khung hình mỗi giây (60 fps). Tuy nhiên, nếu trình duyệt không thể, nó sẽ tự nhiên *giới hạn* số lượng khung hình trong một giây. Ví dụ: một thiết bị có thể chỉ có thể xử lý 30 fps và do đó bạn sẽ chỉ nhận được 30 khung hình trong giây đó. Sử dụng `requestAnimationFrame` để điều chỉnh là một kỹ thuật hữu ích ở chỗ nó ngăn bạn thực hiện hơn 60 cập nhật trong một giây. Nếu bạn đang thực hiện 100 bản cập nhật trong một giây, điều này sẽ tạo ra công việc bổ sung cho trình duyệt mà người dùng sẽ không thấy.
307+
[`requestAnimationFrame`](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame) à cách sắp xếp thứ tự thực thi của một hàm trên trình duyệt tại thời điểm tối ưu cho hiệu suất hiển thị. Một hàm được xếp trong `requestAnimationFrame` sẽ kích hoạt trong khung tiếp theo. Trình duyệt sẽ làm việc liên tục để đảm bảo có 60 khung hình mỗi giây (60 fps). Tuy nhiên, nếu trình duyệt không thể, nó sẽ tự nhiên *giới hạn* số lượng khung hình trong một giây. Ví dụ: một thiết bị có thể chỉ có thể xử lý 30 fps và do đó bạn sẽ chỉ nhận được 30 khung hình trong giây đó. Sử dụng `requestAnimationFrame` để điều chỉnh là một kỹ thuật hữu ích ở chỗ nó ngăn bạn thực hiện hơn 60 cập nhật trong một giây. Nếu bạn đang thực hiện 100 bản cập nhật trong một giây, sẽ tạo ra thêm việc cho trình duyệt mà người dùng không hề nhìn thấy.
308308

309309
>**Lưu ý:**
310310
>

content/docs/faq-styling.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ layout: docs
66
category: FAQ
77
---
88

9-
### Làm thế nào tôi chèn class CSS cho component? {#how-do-i-add-css-classes-to-components}
9+
### Làm thế nào tôi chèn class CSS cho các component? {#how-do-i-add-css-classes-to-components}
1010

1111
Truyền tên của class cho prop là `className`:
1212

@@ -42,9 +42,9 @@ Các class CSS thường sẽ có hiệu suất tốt hơn là inline styles.
4242

4343
### CSS-in-JS là gì? {#what-is-css-in-js}
4444

45-
"CSS-in-JS" đề cập đến một pattern trong đó CSS ​​được tạo bằng JavaScript thay vì được sử dụng trong các tệp bên ngoài. Đọc một bài viết so sánh các thư viện CSS-in-JS [ở đây](https://github.com/MicheleBertoli/css-in-js).
45+
"CSS-in-JS" đề cập đến một pattern trong đó CSS ​​được tạo bằng JavaScript thay vì được định nghĩa trong các tệp bên ngoài. Đọc một bài viết so sánh các thư viện CSS-in-JS [ở đây](https://github.com/MicheleBertoli/css-in-js).
4646

47-
_Lưu ý đây là thư viện không phải của React, nhưng được cung câp bởi thư viện thứ ba._ React không có ý kiến về cách xác định style; nếu nghi ngờ, một điểm khởi đầu tốt là xác định style riêng của bạn trong tệp `*.css` như bình thường và tham khảo chúng bằng [`className`](/docs/dom-elements.html#classname).
47+
_Lưu ý đây không phải là thư viện của React, nhưng được cung câp bởi thư viện thứ ba._ React không có ý kiến về cách xác định style; nếu nghi ngờ, bạn có thể định nghĩa style trong một tệp `*.css` riêng và tham chiếu tới chúng sử dụng [`className`](/docs/dom-elements.html#classname).
4848

4949
### Tôi có thể dùng animations trong React? {#can-i-do-animations-in-react}
5050

content/docs/nav.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -138,7 +138,7 @@
138138
- id: faq-ajax
139139
title: AJAX và APIs
140140
- id: faq-build
141-
title: Babel, JSX, và từng bước xây dựng
141+
title: Babel, JSX, và các bước xây dựng
142142
- id: faq-functions
143143
title: Truyền Functions cho Component
144144
- id: faq-state

0 commit comments

Comments
 (0)