From 9b99ab22c296762e06c74824213943f7e8c9b627 Mon Sep 17 00:00:00 2001 From: Dao Vinh Linh Date: Thu, 16 Sep 2021 21:51:13 +0700 Subject: [PATCH] translate addons-shallow-compare docs --- content/docs/addons-shallow-compare.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/content/docs/addons-shallow-compare.md b/content/docs/addons-shallow-compare.md index 44bee0cf3..af4fa67e0 100644 --- a/content/docs/addons-shallow-compare.md +++ b/content/docs/addons-shallow-compare.md @@ -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 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. -Example: +Ví dụ: ```js export class SampleComponent extends React.Component { @@ -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` và `nextProps` hiện tại cũng như các đối tượng `state` và `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.