React การใช้ CSS
หลังจากที่สร้าง Component เบื้องต้นแล้วที่นี้ก็มาเริ่มใส่ css ให้กับ form ต่างๆหรือ html tag ที่เราต้องการ render ออกมา โดยใน css นั้นจะมีการใช้ attribute class เพื่อกำหนดรูปแบบต่างๆให้กับ html ไม่ว่าจะเป็นเรื่องสี font ขนาด เป็นต้น ซึ่งจะทำให้เจ้า JSX ที่เก็บข้อมูล html นั้นเกิดปัญหาได้เพราะคำว่า class ดันไปต้นกับคำสงวนใน javascript นั้นเอง เพราะฉะนั้นจะต้องหาคำมาแทน จึงใช้คำว่า className แทนคำว่า class และ คำว่า for ให้เปลี่ยนไปใช้คำว่า htmlFor แทน ซึ่งใน React ปัจจุบันนับตั้งแต่ React 16 ขึ้นไปในสามารถใช้คำว่า class ตรงได้เลย แต่ก็จะมีบ้างกรณีที่ไม่สามารถใช้ได้ เพราะฉะนั้น ณ เวลานี้ควรใช้ className ไปก่อนเพื่อความเป็นมาตรฐานและไม่เกิดปัญหาที่ไม่คาดคิดเกิดขึ้นได้ เริ่มแรกผมจะใช้ css จาก bootstrap ซึ่งเป็น css พื้นฐานที่เป็นที่นิยมในปัจจุบันโดยจะใช้เป็น CDN เหมือนเดิมครับ สามารถกดเข้าไปที่ เว็บ bootstrap เพื่อ copy code ในส่วนของ CDN ได้เลยจากลิงค์นี้ครับ bootstrap ให้ทำการสร้างไฟล์ html ขึ้นมาจากนั้น การ copy ส่วน css ใส่ในระหว่างเปิดปิด tag <head></head> ส่วนที่เป็น javascript ให้ใส่ก่อนปิด tag </body> ครับ จากนั้นให้ทำการสร้าง div มี id ชื่อว่า loginForm แล้วในส่วนของ react ก็ใส่ใน tag script type babelRead More →
