วิธีสร้าง Navbar แล้วเอาไปใช้ให้กับทุกหน้า ดูจบบรรลุ! 👨‍💻💯

[@tigger.tina971thessarach2]

มีประโยชน์มากคะ เพราะเป็นอีกคนนึงที่ขี้เขียน Nav หลายๆหน้า

[@nattpon777]

กำลังศึกษาเลยครับ เหมือนรู้ใจ 😂 เป็นประโยชน์ มากๆเลยครับ ❤❤🎉🎉

[@phirayutkhamsai6525]

ขอบคุณครับ ❤

[@justl_kj]

รอ NextJs | Login & Register ด้วย JWT อยู่นะครับ

[@10101-b]

ขอบคุณครับจาน

[@motogpxtravel338]

ขอบคุณมากครับ

[@kajonpongpoopamonkaipob6153]

โคตรดีเลยครับ แก้ที่เดียวตรงอื่นเปลี่ยนด้วย

[@korpongboonyawongsawat-xz8fx]

ขออนุญาตสอบถามครับ แล้วถ้า Active phpเฉพาะหน้า แก้ไขได้อย่างไรครับ

[@kid761]

อยากให้ทำคลิปวิธีขายเว็บหน่อยอะคับแบบเป็นขั้นเป็นตอนเลย

[@littledev001]

แต่ถ้าเราจะใส่มันแค่บางหน้าละครับ เราต้องทำยังไง ไม่ใช่ว่าทำเป็นไฟล์ component แล้ว import เข้าไปในหน้าที่ต้องการนะครับ สมมุติว่าเรามี 10 หน้า ไม่ใส่แค่ 2 นี่น่าจะลำบากอยู่นะครับ

[@surasakmotsx]

เมนูใน navbar เป็นไฟล์แยกแล้วคลิ๊กเราจะทำให้มัน active ยังไงครับ

[@ansa7178]

เข้ สุดยอดความรู้ที่ไม่มีตอนเรียนมหาลัย

[@กล้าวัฒนา]

ถ้าอยากได้หน้า login ที่ไม่มี navbar เมื่อlogin สำเร็จถึงจะมี navbar มีวิธีการอย่าไรครับผม

[@game075m]

ต้องมีตัวเช็ค state ของ user ว่า login แล้วหรือยังครับ ตัวอย่าง..
1.const [isLogin, setIsLogin] = useState(false)
2.
ในบรรทัดที่ 1 จะสังเกตเห็นว่า isLogin มีค่าเป็น false จึงทำให้ Navbar ไม่แสดงผล
แต่ถ้า isLogin มีค่าเป็น true ถึงจะแสดงผลขึ้นมา
ในบรรทัดที่ 2 เป็นการเขียนแบบ (Inline If with Logical && Operator) เงื่อนไขก็คือ
ถ้า isLogin มีค่าเท่ากับ true ให้แสดง Navbar เพื่อความเข้าใจมากขึ้นสามารถเขียนแบบเต็มได้ดังนี้
ซึ่งทั้งสองแบบนี้เหมือนกัน
แต่การเขียนในบรรทัดที่ 2 จะเป็นแบบมาตรฐานและกระชับ

[@กล้าวัฒนา]

@@game075m ขอบคุณครับ

[@game075m]

@@กล้าวัฒนา ยินดีครับ ถ้าอยากให้ตัว App สามารถเช็ค state การ login ของ user ได้ทุกหน้าโดยไม่ต้องส่ง props ไปมาระหว่าง component แนะนำเป็น react-redux สามารถนำไปศึกษาเพิ่มได้ครับ ในช่องนี้ก็เหมือนจะมีอยู่เหมือนกัน ขอให้สนุกกับการเขียนโค้ดครับ

[@pinkiepie14]

ทำไมมันไม่จัดรูปแบบเองหรือครับ มันแค่ html อ่ะครับ