Skip to content

Commit ad02e1f

Browse files
authored
Merge pull request #218 from daovinhlinh/translate
translate addons-shallow-compare docs
2 parents be157f3 + 8f2274a commit ad02e1f

File tree

1 file changed

+9
-6
lines changed

1 file changed

+9
-6
lines changed

content/docs/addons-shallow-compare.md

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,9 +19,11 @@ var shallowCompare = require('react-addons-shallow-compare'); // ES5 với npm
1919

2020
## Tổng quát {#overview}
2121

22-
Trước đây [`React.PureComponent`](/docs/react-api.html#reactpurecomponent) đã được giới thiệu, `shallowCompare` thường được sử dụng với chức năng tương tự như [`PureRenderMixin`](pure-render-mixin.html) khi sử dụng ES6 class với React.
2322

24-
Nếu function render của React component của bạn là "pure" (hay nói cách khác, nó render cùng một kết quả với cùng prop và state), bạn có thể sử dụng helper function này để tăng hiệu suất trong một số trường hợp.
23+
Trước khi [`React.PureComponent`](/docs/react-api.html#reactpurecomponent) được giới thiệu, `shallowCompare` thường được sử dụng có chức năng tương tự như [`PureRenderMixin`](pure-render-mixin.html) trong khi sử dụng các lớp ES6 với React.
24+
25+
Nếu render function của React component là "thuần" (nói một cách khác, nó trả về cùng một kết quả với cùng props và state), bạn có thể dùng helper function để tăng cường hiệu suất trong một số trường hợp.
26+
2527

2628
Ví dụ:
2729

@@ -37,8 +39,9 @@ export class SampleComponent extends React.Component {
3739
}
3840
```
3941

40-
`shallowCompare` thực hiện so sánh nông object để kiểm tra `props` hiện tại và `nextProps` cũng như `state` hiện tại và `nextState`.
41-
Nó thực hiện bằng cách lặp lại các key của các object được so sánh và trả về true khi giá trị của key trong mỗi object không hoàn toàn bằng nhau.
42+
`shallowCompare` thực hiện kiểm tra shallow equality ở các đối tượng `props``nextProps` hiện tại cũng như các đối tượng `state``nextState` hiện tại. Nó thực hiện điều này bằng cách thực hiện lặp đi lặp lại trên các khóa của đối tượng được so sánh và trả về true khi các giá trị của khóa ở mỗi đối tượng không hoàn toàn bằng nhau.
43+
44+
`shallowCompare` trả về `true` nếu phép so sánh shallow cho props hoặc state thất bại và component sẽ được cập nhật.
45+
46+
`shallowCompare` trả về `false` nếu phép so sánh shallow cho props hoặc state thành công và component không cần cập nhật.
4247

43-
`shallowCompare` trả về `true` nếu so sánh nông cho prop or state không thành công và do đó component sẽ được cập nhật.
44-
`shallowCompare` trả về `false` nếu so sánh nông cho prop and state đều thành công và do đó component không cần cập nhật.

0 commit comments

Comments
 (0)