NextJS: 04-09 Active link that match current route

[@minhtandtu]

Tiếng cười anh Hậu nghe dễ thương hết sức hà.

[@NhatNguyen-zg6il]

Có 2 lỗi em bị không biết các bạn có ai bị không, khi xài Next mới 1> Hydration failed because the initial UI does not match what was rendered on the server. 2> Link của next/link giờ nó render ra cái tag và muiLink cũng tag nên nó sẽ Warning cannot appear as a descendant of Cám ơn a Hậu vì những bài giảng hay và tâm huyết nha, rep comment mọi thắc mắc của ae nữa

[@EasyFrontend]

hi Nhật, 1. cái này anh có giải thích và fix ở video sau này á, mà a hk nhớ video nào =)) 2. em dùng next mới thì check docs mới xem pass thế nào cho phù hợp em nhen 😊

[@NhatNguyen-zg6il]

@@EasyFrontend dạ tks a

[@thuonglc]

Nice anh. Em đã làm với MUI V4, code 1 mình nên hơi "tự do", xem vid của anh mới học được cách tổ chức code của anh đỉnh cao sẵn tiện upgrade lên V5 ạ

[@EasyFrontend]

yeah ngon lành em ơi hehe

[@sinhbuiinh2248]

00:09 Description requirement 00:25 Introduce active link in next/router & `router` object 01:55 Apply active link by useRouter with next & clsx (build class name easier) 03:55 See all thread working for active link and explain code. 04:15 Test for make sure code working fine & apply code for see active by css in theme.

[@copperinlove]

Minh có thăc mắc tí: Khi nào thì app nó sẽ render lại khi biến thay đổi ??. BT thi minh sài useEffect để track cái router.pathname. Còn code bạn hướng dẫn thì mình chưa hiểu vì sao nó update dc cái class active?. Bạn nào biết thi comment cho mình nha. Thx các ban const [activePath, setActivePath] = useState(''); useEffect(() => { setActivePath(router.pathname); }, [router.pathname]);

[@devquen7688]

à, khi mà b chuyển từ page A sang page B thì component MainLayout nó đã re-render lại r á, nên mình k cần phải setState gì cả