@thanh_tuan ở đây bạn đã biết sử dụng React.memo rồi mà nhỉ ). Chắc bạn chưa đọc kĩ API này vì React.memo sẽ nhận vào 2 tham số là function component của bạn và một hàm có tác dụng giống như shouldComponentUpdate() như sau:
Hi @HuyDQ bạn giải thích rất dễ hiểu, mình cám ơn bạn nha.
Bạn cho mình hỏi, có trường hợp thế này thì xử lý thế nào nha. Đại khái là mình không muốn render() lại child-component.
Pure.Component trong ví dụ dưới đây là chịu chết rồi.
Với trường hợp sử dụng component bình thường với Class thì mình có thể prevent nó bằng hàm shouldComponentUpdate
Còn với component viết bằng function mình chưa biết xử lý ra sao.
/**
* @param string $originalString String to be sluggified
* @param string $expectedResult What we expect our slug result to be
*
* @dataProvider providerTestSluggifyReturnsSluggifiedString
*/publicfunctiontestSluggifyReturnsSluggifiedString($originalString,$expectedResult)
Hiểu đơn giản là khi bạn có một ListItem và chỉ khi muốn update một item trong đó thì nên sử dụng PureComponent làm list đó, khi đó sẽ chỉ render lại item thay đổi chứ không render lại cả ListItem này.
Ví dụ bạn có 1 list sản phẩm khi click nào sản phẩm nào thì sẽ hiện phía bên phải màn hình, bỏ đi thì nó mất đi.
Với cách giải thích này mình mong bạn đã hiểu nên sử dụng PureComponent khi nào
Nghĩa là nếu có thêm 1 cái function khác cái testSluggifyReturnsSluggifiedString. Thì sao có thể biết giá trị của thằng provider nó trả về cho thằng testSluggifyReturnsSluggifiedString?
@MAINTredirect_uri phải dẫn tới một cái API bên website của bạn, mà cái API đấy sẽ cần phải được cài đặt code để xử lý cái oauth_code khi zalo gọi ngược lại vào API đấy cho mình. Do đó không phải là bạn điền link nào cũng được đâu nhé!
Khi Zalo gọi ngược lại vào API redirect_uri thì mình mới chỉ có oauth_code thôi, trong cái API đấy phải thực hiện tiếp bước 2 nữa thì mới có được access token nhé bạn .
THẢO LUẬN
@thanh_tuan ở đây bạn đã biết sử dụng
React.memo
rồi mà nhỉ ). Chắc bạn chưa đọc kĩ API này vìReact.memo
sẽ nhận vào 2 tham số làfunction component
của bạn và một hàm có tác dụng giống nhưshouldComponentUpdate()
như sau:Như bạn có thể thấy ở đây mình chuyền được thêm vào một function thứ 2 là:
Tuy nhiên ở đây lại ngược lại với
shouldComponentUpdate()
là:return true
đồng nghĩa vớiprevProps = nexProps
=> Component sẽ không được re-render lạireturn false
là ngược lạiBạn có thể đọc lại tại đây https://reactjs.org/docs/react-api.html#reactmemo
Series hay quá anh ơi, hóng a tiếp tục kéo thật dài series
@longnk1301 m thực sự là vẫn chưa hình dung được ý của bạn nhưng dù sao vẫn cảm ơn bạn nha
Hi @HuyDQ bạn giải thích rất dễ hiểu, mình cám ơn bạn nha. Bạn cho mình hỏi, có trường hợp thế này thì xử lý thế nào nha. Đại khái là mình không muốn
render()
lạichild-component
.Pure.Component
trong ví dụ dưới đây là chịu chết rồi. Với trường hợp sử dụngcomponent bình thường
vớiClass
thì mình có thể prevent nó bằng hàmshouldComponentUpdate
Còn vớicomponent
viết bằngfunction
mình chưa biết xử lý ra sao.Bạn xem qua code rồi giúp đỡ m chỗ này vs : https://codesandbox.io/s/angry-hamilton-nxfc8
Trong Parent component m đang dùng
ChildClass
bạn thay bằngChildFunc
để test thử nhé.tks bạn nhiều
Anh ơi, cái link Thực hành với BERT: Áp dụng thế nào cho tiếng Việt bị lỗi rồi ạ. Anh cho em xin link bài biết đó đc k ạ? Em cảm ơn anh ạ.
Bác viết về Javascript hay lắm. Cảm ơn bác đã chia sẻ nhé
master Hùng bá quá
Bài viết rất đơn giản, nhưng hữu ích. cảm ơn bạn đã chia sẻ
Chỉ để tìm hiểu thêm thôi, bro
Vâng, mình sẽ lưu ý, thanks bạn.
bạn tìm đọc model transformer đi, mệt thật
Nó có cái annotation
@dataProvider
đó bạnHiểu đơn giản là khi bạn có một ListItem và chỉ khi muốn update một item trong đó thì nên sử dụng PureComponent làm list đó, khi đó sẽ chỉ render lại item thay đổi chứ không render lại cả ListItem này.
Ví dụ bạn có 1 list sản phẩm khi click nào sản phẩm nào thì sẽ hiện phía bên phải màn hình, bỏ đi thì nó mất đi.
Với cách giải thích này mình mong bạn đã hiểu nên sử dụng PureComponent khi nào
kho vay a.a co link nao video huong dan khong a.e cung ko biet api web la gi nua a
tks bạn nhiều nha.
Nghĩa là nếu có thêm 1 cái function khác cái testSluggifyReturnsSluggifiedString. Thì sao có thể biết giá trị của thằng provider nó trả về cho thằng testSluggifyReturnsSluggifiedString?
@MAINT
redirect_uri
phải dẫn tới một cái API bên website của bạn, mà cái API đấy sẽ cần phải được cài đặt code để xử lý cáioauth_code
khi zalo gọi ngược lại vào API đấy cho mình. Do đó không phải là bạn điền link nào cũng được đâu nhé!Khi Zalo gọi ngược lại vào API
redirect_uri
thì mình mới chỉ cóoauth_code
thôi, trong cái API đấy phải thực hiện tiếp bước 2 nữa thì mới có được access token nhé bạn .nếu đc xin gửi qua mail: tabadao151098@gmail.com
run file bundletool.jar kiểu gì bạn... có thể cho mình xin cái video demo đc ko ạ