thảo luận Trả lời tất cả những câu hỏi về Front End !!!

1708410124278.png

mấy bác cho e hỏi mấy cái dạng tab như này thì nên dùng gì trong nextjs cho tiện nhỉ ? mỗi tab là 1 trang riêng. e dùng react router dc k ta, thấy hơi phức tạp nếu dùng
 
1708488580484.png

e đang gặp vấn đề ở chỗ, khi nhấn vào tab testscore em sẽ chuyển mặc định thành tab IB ở dưới. Nhưng trong cái tab ở dưới thì khi e set mặc định thì nó đang render 2 lần thì phải, vì vậy hệ thống k chấp nhận. Và việc e mặc định tab IB thì những Tab như SAT, ACT khi em chuyển sang nó vẫn dính mặc định tab IB đó. e dùng headless ui
1708488687824.png

Tab0 chính là IBTab mặc định. Mấy thím có giải pháp k ạ
 
View attachment 2343703
e đang gặp vấn đề ở chỗ, khi nhấn vào tab testscore em sẽ chuyển mặc định thành tab IB ở dưới. Nhưng trong cái tab ở dưới thì khi e set mặc định thì nó đang render 2 lần thì phải, vì vậy hệ thống k chấp nhận. Và việc e mặc định tab IB thì những Tab như SAT, ACT khi em chuyển sang nó vẫn dính mặc định tab IB đó. e dùng headless ui
View attachment 2343708
Tab0 chính là IBTab mặc định. Mấy thím có giải pháp k ạ
nếu bác đang làm với Nextjs 13 trờ lên thì có cái concept
Intercepting Routes Parallel Routes
vì Nextjs là 1 framework nên em nghĩ mình nên follow theo những concept/convention của nó để tối ưu cho app hơn.
 
View attachment 2343703
e đang gặp vấn đề ở chỗ, khi nhấn vào tab testscore em sẽ chuyển mặc định thành tab IB ở dưới. Nhưng trong cái tab ở dưới thì khi e set mặc định thì nó đang render 2 lần thì phải, vì vậy hệ thống k chấp nhận. Và việc e mặc định tab IB thì những Tab như SAT, ACT khi em chuyển sang nó vẫn dính mặc định tab IB đó. e dùng headless ui
View attachment 2343708
Tab0 chính là IBTab mặc định. Mấy thím có giải pháp k ạ


Nghĩ đơn giản thôi:

<TabList selected= {route-name === tabName} onChange=navigate}
 
các bạn nào làm tính năng đổi giao diện app với nhiều template với react chưa, có solution tối ưu để scale cho nhiều template ko.

Chứ hiện tại mới làm cái thứ 2 thôi nên chỉ mới nghĩ ở mức tách logic và ui ra(đã làm rồi), giờ ui thì refactor lại để dùng chung nhiều hơn rồi tùy theo template nào đang được chọn thì if/else rồi chọn component tương ứng thôi. Không biết dùng angular đồ nó làm việc này có ok hơn ko nhỉ, nói chung là 1 dạng của polymorphism nhưng làm với react thì if/else hơi chuối :ROFLMAO:
 
Back
Top