Skip to content

Commit

Permalink
translate addons-shallow-compare docs
Browse files Browse the repository at this point in the history
  • Loading branch information
daovinhlinh committed Sep 16, 2021
1 parent 3110dca commit 9b99ab2
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions content/docs/addons-shallow-compare.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,11 +19,11 @@ var shallowCompare = require('react-addons-shallow-compare'); // ES5 with npm

## Overview {#overview}

Before [`React.PureComponent`](/docs/react-api.html#reactpurecomponent) was introduced, `shallowCompare` was commonly used to achieve the same functionality as [`PureRenderMixin`](pure-render-mixin.html) while using ES6 classes with React.
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.

If your React component's render function is "pure" (in other words, it renders the same result given the same props and state), you can use this helper function for a performance boost in some cases.
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 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.

Example:
Ví dụ:

```js
export class SampleComponent extends React.Component {
Expand All @@ -37,8 +37,8 @@ export class SampleComponent extends React.Component {
}
```

`shallowCompare` performs a shallow equality check on the current `props` and `nextProps` objects as well as the current `state` and `nextState` objects.
It does this by iterating on the keys of the objects being compared and returning true when the values of a key in each object are not strictly equal.
`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.

`shallowCompare` returns `true` if the shallow comparison for props or state fails and therefore the component should update.
`shallowCompare` returns `false` if the shallow comparison for props and state both pass and therefore the component does not need to update.
`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.

`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.

0 comments on commit 9b99ab2

Please sign in to comment.