พัฒนาเว็บด้วย React 17 | สำหรับผู้เริ่มต้น [Phase2]

[@kittisakphatchaiphongsa3177]

สำหรับคนที่ Error ช่วง Router เปลี่ยนCode ส่วน Switch แบบนี้ครับ



เหตุผลเพราะว่า React update Version ใหม่ Syntax ปรับตามจาก Switch เปลี่ยนมาใช้ Routes แทนครับ

[@onigiri6833]

ขอบคุณครับ

[@catdm184]

ขอสอบถามครับ ตัว exact จะนำไปใส่ตรงไหนหรอครับ เพราะที่อาจารย์พิมมาไม่มีครับ

[@lacakkarapon2202]

03:44:12
React v6 Router
Switch เปลี่ยนเป็น Routes
=====

[@sasipraphasaisaen8099]

ใน element มันไม่สามารถใส่ 2 elements ได้ ต้องทำอย่างไรหรือคะ

[@kkpvb]

@@sasipraphasaisaen8099 เพิ่ม ลงใน element ของ route ครับผม

[@citizens4971]

@@kkpvb ใน element เพิ่ม เป็น 2 ชุดแล้ว แต่เกิด error ... ต้องคั่นด้วยเครื่องหมายอะไรหรือไม่คะ

[@artittilit9968]

@@citizens4971 แบบนี้

[@citizens4971]

@@artittilit9968 ทำได้แล้วค่ะ ขอบคุณมากๆๆค่ะ

[@Maybalen1979]

ขอบคุณค่ะ เป็นการสอนที่ดีมากเลยทีเดียว น้ำเสียงน่าฟัง และเข้าใจง่าย เพราะ เริ่มสอนเป็นจุดๆ ไป พร้อมเสริมวิธีการปรับปรุงตัวเดิมไปด้วย เวลาการสอนพอดี ไม่ช้า หรือเร็วเกินไป ทำให้ผู้เรียนทำ และพิมพ์ตามพร้อมไปด้วยทัน (ส่วนตัว ทำตามทัน 😅 )
และ ส่วนตัวคิดว่า การสอน แบบ มี error เกินขึ้น ไปด้วย (แบบที่ทำอยู่นี้) ดีกว่า การสอนแบบไม่มี error น่าจะทำให้ผู้เรียน รู้จักวิธีการ ค้นหาจุดบกพร่องของโค้ดไปด้วย 👍👍👍

[@makotomiya7172]

เรียนมา 2 อาทิตย์วันละ 1 ชม.บ้าง 2 ชมบ้างไม่ได้เรียนบ้างเพราะขี้เกียจในที่สุดวันนี้ก็ดูจบจนได้และเขียน React เป็นกับเค้าสักทีน้ำตาจิไหลแต่ก็คงต้องเรียนอย่างอื่นเพิ่มเติมอีก เฮ้อชีวิตที่จะเป็นโปรแกรมเมอร์ที่รอบรู้นี้มันลำบากจัง ยากแค่ไหนก็ต้องอดทน ขอบคุณครับ

[@yuxdev4148]

มุมานะมากครับ จบภายใน 2 สัปดาห์
เพราะผม 1 เดือนครึ่งแล้ว เพิ่งจบ .. ติดเกม + ติดอนิเมะ + ขี้เกียจ .. อิอิ

[@aphiwitboonprasert9971]

Section React Router. - > React v.6 เหมือนจะมีการเปลี่ยนแปลงตรง Switch เปลี่ยนเป็น Routes จะครับ สำหรับบางคนที่ทำแล้วเกิด Error

[@rawipongvorasakpong1840]

ติดตรง useState ครับ
เวลาป้อนค่าใน input หน้า console แสดง
Uncaught TypeError: Cannot read properties of undefined (reading 'value')
ครับ

[@wonder2065]

1:11:37 writingsuggestions เขาบอกให้ใช้ทำยังไงครับ?

[@Surasilpa]

ชอบที่มีการแบ่งเนื้อหาออกเป็นส่วนย่อยๆ ทำให้เข้าใจง่ายมากๆครับ ขอบคุณคลิปสอนดีๆแบบนี้ครับ

[@chaloemeasyplan7629]

ยอดเยี่มมากครับ ละเอียดชัด เรียงลำดับ

[@ทนงคําสว่าง]

ขอบคุณมากๆครับ ดีมากเลยครับ สอบถามคับถ้าต้องการเชื่อม database ทำอย่างไรคับ

[@New-dj9rz]

ช่วง react router หากบางคนที่ยัง Error ให้ลองลดเวอร์ชั่นของ router dom เป็นเวอร์ชั่น 5.2.0 ดูนะครับ
คำสั่ง npm install react-router-dom@5.2.0

[@Suebpong2536]

สอนดีมากเลยครับ
อาจารย์พี่ก้องครับ อยากให้ อ.พี่ก้อง สอน React เชื่อมต่อฐานข้อมูล PHP MySqli ให้ผมหน่อยครับ
ผมยินดีสนับสนุนพี่ทุกเดือนเลยครับ ขอบพระคุณมากครับ

[@korakotsinsamoot9954]

ดูๆแล้ว state ก็มีหน้าที่แค่เป็นทางผ่านข้อมูลใช่ไหมครับ รับข้อมูลมาแล้วส่งต่อ เคลียร์ค่าตัวเอง
รับข้อมูลมาใหม่ แล้วส่งต่อ แล้วก็เคลียร์ค่าตัวเอง วนซ้ำอย่างนี้ไปเรื่อยๆ ผมเข้าใจถูกไหมครับ

[@aunaunta5781]

สอนดีและเอียดมากครับ ขอบคุณมากครับ

[@nipitpon.s]

32:42 ได้ยินเสียงท้องร้อง 🤣🤣

[@habeebullorsumsudin6720]

ขอบคุณครับสอนดี และสามารถเข้าใจได้ไม่ยากเลยครับ

[@surasitprasertsri288]

สวัสดีครับขอบคุณสำกรับบทเรียนที่ยอดเยี่ยมครับ ผมขอถามข้อมูลเพิ่มหน่อยครับถ้าต้องการการเก็บค่าไฟล์รูปมันจะเก็บค่ายังไงแล้วจะส่งค่าแบบไหนครับ

[@folkeboyz]

เรียนถึงแค่ useState แล้วไปต่อไม่ได้ครับ มัน งง อ่ะ

[@happygaming8985]

ที่นาทีที่ 36:05 ตอนที่สร้าง Method itemData
ความหมายของ
title:title,
amount:amount
คือยังไงนะครับผมแค่อยากรู้ว่าเมื่อกด onSubmit ไปแล้วมันจะทราบได้ไงว่าจะเก็บ title ไว้ในไหน

[@biolp0006]

ผมมีปัญหา กับการใช้ replace ในถือมือ คือ ถ้าใช้คำสั่งนี้มีบ้างเครื่องที่ไม่สามารถเข้าใช้งานได้
ผมแก้ไปแล้ว แต่อยากรู้ ว่าถ้าผมจะใช้ มีวิธีแก้ไขไหม

[@herooum]

พอจะมี วิธีสอน ใช้react ใช้ร่วมกับ sqlไหมครับ

[@nadear]

ทำไมถึง import {BrowserRouter} ไม่ได้คะ

[@pakornsanpanpaen794]

ขอบคุณมากๆนะครับ

[@sengdaooudomsinh947]

เรียนทั้งสองเฟสจบแล้วครับ แต่จำอะไรได้เลย ต้องเรียนอย่างไรถึงจะจำได้? 😢 แต่อจก้องสอนดีมาก ขอบคุณครับ

[@utSupawat]

ขอสอบถามหน่อยนะครับ ตรงหัวข้อบันทึกข้อมูล (Insert Data) ครับ
อยากทราบว่า initdata หรือข้อมูลก่อนๆ มันเข้ามาที่ parameter prevItem ได้ยังไงครับ มันทำงานอย่างไรครับ

[@ablaze7013]

ไม่ทราบว่ายังทันอยู่รึเปล่านะครับ แต่ว่าที่ข้อมูลinitDataเข้ามาได้เพราะว่า ตอนเราตั้ง state items เราตั้งไว้ว่าให้ค่าเริ่มต้นของitemsเป็น initDataครับ พอเรามาเพิ่มข้อมูลใหม่เราเอาข้อมูลเก่าเป็นฐานในฟังก์ชันคือ(prevItem)ก็จะเอาค่าเดิมของitemsที่ถูกตั้งไว้ก่อนหน้านั้นก็คือinitDataนั่นเองครับ แล้วเอาค่านั้นมาใช้spread operatorเพื่อเอาค่าทุกค่าที่อยู่ในarrayของinitDataเข้ามาต่อท้ายnewItemที่เราเพิ่มเข้ามาใหม่

[@utSupawat]

@@ablaze7013 ขอบคุณมากๆครับ

[@MrQVeeBoo]

@@ablaze7013 ขอบคุณครับ ผมก็หาอยู่ว่า เอ๋ มันรู้ได้อย่างไรว่า prev มันคือตัวไหน ประกาศตอนไหนหว่า ขอบคุณครับ งงตั้งนาน จนลองมาหาในคอมเมนต์ดู เลยถึงบางอ้อ 55555

[@pongsathon88]

สนับสนุนเรียบร้อย ครับ สอนดีมาก เจาะลึกสุดๆ ครับ สุดยอดมาก ครับ

[@wanchalermmitcachon989]

แรกๆเข้าใจ หลังๆเริ่มมึน

[@TheChotsu]

Node v20.9.0 มี Error ตรงการทำ Link ครับ ไม่รู้ว่าต้องแก้ไขอย่างไรได้ครับ

[@สมเด็จพระเจ้าฟ้าวอนยอง]

สอนดีมากๆค่ะ ขอบคุณนะคะ ละเอียดมาก

[@TheChotsu]

ขอขอบคุณ

[@sundev2572]

ขอบคุณครับ

[@TNT_Gamers]

สนุกดี แแต่ทำเเล้วติดเอ่อเรอ 55555

[@zp3xtum]

มี Code ของตัวอย่างไหมครับ

[@เปี๊ยก-ฮ4ด]

ขอบคุณครับ

[@Yeankuza]

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

[@happygaming8985]

40:18 หลังผมกดปุ่ม Submit มันไม่ Clear State ให้ผมพลาดตรงไหนกันนะ

[@TGPCluB]

console.log("ข้อมูลจาก Form : ", newItem); กับ console.log("ข้อมูลจาก Form : "+ newItem); เครื่องหมาย "," กับ "+" มีผลด้วยหรอครับ

[@KongRuksiamOfficial]

+ คือการต่อ string ครับตัวแปรที่นำมาใช้ต้องมีชนิดข้อมูลเป็น string ส่วน , คือนำตัวแปรมาใช้งานโดยมาต่อกับข้อความซึ่งเป็นชนิดข้อมูลที่ไม่ใช่ string ก็ได้ครับผม
สามารถเรียนพื้นฐาน string
ได้ที่ th-cam.com/video/AbjY-ajKgSI/w-d-xo.html
และ th-cam.com/video/ReGM0zubxfI/w-d-xo.html

[@TGPCluB]

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

[@failogy]

เรียนจนจบคลิป 11.10.2023

[@watz3842]

3:02:55 redux

[@ธนกรอินอ่อน]

สอนภาษาCหน่อยครับ Pls

[@ValenValenzaa]

t 35:36

[@khunutid]

Thank..@k

[@jiengloveoil]

เพิ่งจะมาตามครับ 🤣🤣

[@worawut317]

จะใส่รูปภาพหรือจะใส่ลิงค์ไปอีกหน้าทำไงครับ ใส่keyword _top,blankในลิงค์ก็ไม่ได้ครับ

[@Nice-po4xg]