คำถามและคำตอบสัมภาษณ์ React 50 อันดับแรกที่ต้องรู้

React คือไลบรารี JavaScript โอเพนซอร์สฟรีสำหรับการพัฒนาอินเทอร์เฟซผู้ใช้ ซึ่งใช้ส่วนประกอบต่างๆ เพื่อสร้างเอาต์พุตสำหรับแอปพลิเคชันแบบเพจเดียว React ได้รับการพัฒนาโดย Facebook (Meta) และได้รับการดูแลโดยชุมชนนักพัฒนา

2. ระบุคุณสมบัติที่สำคัญของ React

คุณสมบัติที่สำคัญที่สุดของ React ได้แก่:

ความง่ายดายในการใช้งาน
การพัฒนาอย่างรวดเร็ว
การใช้ส่วนประกอบ
JSX
DOM เสมือนจริง
ประสิทธิภาพสูง
การผูกข้อมูลทางเดียว

3. ที่เก็บโครงการของ React อยู่ที่ไหน

React เป็นที่เก็บแบบโมโนที่อาศัยอยู่ที่ https://github.com/facebook/reactการเป็นโมโนรีพอสซิทอรีหมายถึงโค้ดและแหล่งอื่นๆ ทั้งหมดจะถูกเก็บไว้ในสถานที่เดียวกันเพื่อให้ง่ายต่อการพัฒนาและจัดการ

4. เวอร์ชันเสถียรปัจจุบันของ React คืออะไร?

เวอร์ชันเสถียรล่าสุดของ React ตั้งแต่วันที่ 14 มิถุนายน 2022 คือ 18.2.0

5. ระบุความแตกต่างระหว่าง React Native และ ReactJS

React และ ReactJS เป็นสิ่งเดียวกัน ในขณะที่ React Native ถูกสร้างขึ้นบน React ความแตกต่างอยู่ที่ React ถูกใช้ในการสร้างอินเทอร์เฟซผู้ใช้แบบไดนามิกและตอบสนองสำหรับแอปพลิเคชันเว็บ ในขณะที่ React Native ถูกออกแบบมาเพื่อสร้างแอปพลิเคชันเป็นแอปพลิเคชันมือถือ

6. ความแตกต่างระหว่าง Element และ Component คืออะไร?

องค์ประกอบ React เป็นวัตถุที่เรียบง่ายและเปลี่ยนแปลงไม่ได้ซึ่งสร้างขึ้นเพื่อแสดงโหนด DOM การไม่เปลี่ยนแปลงหมายความว่าไม่สามารถเปลี่ยนแปลงได้เมื่อสร้างขึ้นแล้ว เนื่องจากองค์ประกอบดังกล่าวจะถูกแสดงผลใน DOM ในทางกลับกัน ส่วนประกอบ React สามารถเปลี่ยนแปลงได้และสร้างเอาต์พุต JSX เมื่อแสดงผลแล้ว

7. คุณจะสร้างส่วนประกอบได้อย่างไร?

มีสองวิธีในการสร้างส่วนประกอบใน React: 1.) ส่วนประกอบของฟังก์ชัน และ 2.) ส่วนประกอบของคลาส ตามชื่อที่บ่งบอก ส่วนประกอบของฟังก์ชันจะถูกสร้างโดยใช้การประกาศฟังก์ชัน ในขณะที่ส่วนประกอบของคลาสจะถูกสร้างโดยใช้การประกาศคลาส

//function component
function Hello({ message }) {
  return <h1>{`Function hello, ${message}`}</h1>

}
//class component
class Hello extends React.Component {
  render() {
    return <h1>{`Class hello, ${this.props.message}`}</h1>
  }
}

8. แสดงรายการ 4 ขั้นตอนของส่วนประกอบ React

ส่วนประกอบของ React จะต้องผ่าน 4 ขั้นตอนต่อไปนี้ในวงจรชีวิต:

ชั้นต้น – การสร้างส่วนประกอบในสถานะเริ่มต้นด้วยพร็อพเริ่มต้น
เฟสการติดตั้ง – การเรนเดอร์ JSX ของส่วนประกอบ
เฟสการอัพเดต – การเปลี่ยนแปลงสถานะส่วนประกอบและการวาดแอปพลิเคชันใหม่
เฟสการถอดออก – การลบส่วนประกอบออกจาก DOM

9. อธิบายว่าส่วนประกอบลำดับสูงหมายถึงอะไร

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

10. ส่วนประกอบที่ถูกควบคุมและไม่ได้ควบคุมคืออะไร?

ส่วนประกอบที่ควบคุมได้คือส่วนประกอบของ React ที่รับค่าผ่านพร็อพและแจ้งระบบเกี่ยวกับการเปลี่ยนแปลงใดๆ ผ่านการเรียกกลับ ส่วนประกอบดังกล่าวได้รับการควบคุมโดยส่วนประกอบหลักที่จัดการ รัฐ และส่งค่าเป็นพร็อพไปยังส่วนประกอบที่ควบคุม ในทางกลับกัน ส่วนประกอบที่ไม่ได้ควบคุมจะจัดการสถานะของตัวเอง และคุณจะต้องสอบถาม DOM ด้วย อ้าง เพื่อให้ได้คุณค่าของมัน

11. Props ใน React คืออะไร?

Props ใน React เป็นเพียงวิธีง่ายๆ ในการกล่าวถึงคุณสมบัติ และนั่นหมายความว่าคุณกำลังอ้างถึงคุณสมบัติของส่วนประกอบ Props ใช้เพื่อส่งข้อมูลจากส่วนประกอบหลักไปยังส่วนประกอบย่อยหนึ่งรายการหรือมากกว่านั้น และเป็นแบบอ่านอย่างเดียวสำหรับส่วนประกอบย่อย

12. Props.Children คืออะไร?

แอตทริบิวต์ Props.children มีข้อมูลเกี่ยวกับเนื้อหาทั้งหมดของคอมโพเนนต์ที่มีแท็กเปิดและแท็กปิด แอตทริบิวต์ย่อยเหล่านี้อ้างถึงองค์ประกอบทั้งหมดที่กำหนดไว้ภายในคอมโพเนนต์ปัจจุบัน และอาจเป็นหนึ่งองค์ประกอบ หลายองค์ประกอบ หรือไม่มีองค์ประกอบเลยก็ได้

13. คุณสามารถอัปเดต props ใน React ได้หรือไม่?

ไม่ พร็อพใน React เป็นแบบบนลงล่างและเปลี่ยนแปลงไม่ได้ ซึ่งหมายความว่าคอมโพเนนต์สามารถส่งคุณสมบัติใดๆ ที่ต้องการไปยังคอมโพเนนต์ย่อยได้ แต่ไม่สามารถอัปเดตพร็อพได้ มีเพียงคอมโพเนนต์หลักเท่านั้นที่สามารถอัปเดตพร็อพได้

14. JSX คืออะไร?

JSX ย่อมาจาก JavaScript XML ซึ่งเป็นส่วนขยายไวยากรณ์ JavaScript ที่ทำให้สามารถเขียน HTML ในโค้ด React ได้ เบราว์เซอร์ไม่เข้าใจ JSX อยู่แล้ว ดังนั้น React จึงต้องแสดงผลเป็นโค้ด HTML ที่อ่านได้

15. ความแตกต่างระหว่างส่วนประกอบและองค์ประกอบคืออะไร

องค์ประกอบคือคำจำกัดความของโหนด DOM เสมือนที่ไม่มีสถานะและเปลี่ยนแปลงไม่ได้ องค์ประกอบมีทั้งประเภทและคุณสมบัติ แต่ไม่มีวิธีการเหมือนกับส่วนประกอบ การไม่มีวิธีการนี้ทำให้องค์ประกอบทำงานเร็วขึ้น

16. สถานะใน React คืออะไร?

สถานะใน React อ้างอิงถึงวัตถุภายในในส่วนประกอบที่ใช้เพื่อเก็บและจัดการข้อมูลเกี่ยวกับส่วนประกอบนั้น สถานะสามารถเปลี่ยนแปลงได้เมื่อเวลาผ่านไป และจะทริกเกอร์การเรนเดอร์ซ้ำของส่วนประกอบนั้น คุณต้องกำหนดสถานะในเมธอดคอนสตรัคเตอร์ของส่วนประกอบ มิฉะนั้น ส่วนประกอบจะกลายเป็นแบบไม่มีสถานะ

17. ส่วนประกอบไร้สถานะคืออะไร

ส่วนประกอบ React ที่ไม่มีสถานะจะไม่มีสถานะ ซึ่งหมายความว่าคุณไม่สามารถตั้งค่าสถานะได้ด้วย this.setState() วิธีการนี้ไม่ได้แสดงผล แต่ส่วนประกอบที่ไม่มีสถานะสามารถมีพร็อพได้

18. คุณอัปเดตสถานะใน React ได้อย่างไร

คุณอัปเดตสถานะของส่วนประกอบโดยการเรียกใช้ this.setState() วิธี

19. อธิบายโหมดเข้มงวดของ React

โหมดเข้มงวดของ React เป็นเครื่องมือที่ช่วยให้นักพัฒนาค้นพบปัญหาที่อาจเกิดขึ้นในแอปพลิเคชันโดยเปิดใช้งานการตรวจสอบระดับที่ลึกขึ้นในส่วนประกอบและเน้นคำเตือนเพิ่มเติม โหมดเข้มงวดมีให้ใช้งานเฉพาะในโหมดการพัฒนาเท่านั้น

20. การยกระดับ State ขึ้นใน React หมายถึงอะไร

หมายถึงการให้ส่วนประกอบย่อยแบ่งปันสถานะทั่วไปจากส่วนประกอบหลัก เนื่องจากจะทำให้การจัดการสิ่งต่างๆ ง่ายกว่าการที่ส่วนประกอบย่อยแต่ละชิ้นจะจัดการสถานะทั่วไปแยกกัน

21. คุณส่งข้อมูลใน React ได้อย่างไร?

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

22. กำหนด การไหล ใน React

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

23. กำหนด Redux ใน React

Redux คือไลบรารี JavaScript โอเพนซอร์สที่มีประโยชน์สำหรับการจัดการสถานะที่ซับซ้อนในแอปพลิเคชัน ไลบรารีนี้เป็นอิสระและสามารถใช้ในเฟรมเวิร์กอื่นๆ เช่น Angular ได้ ซึ่งแตกต่างจาก Flux Redux จะรวมการจัดการสถานะของแอปพลิเคชันไว้ที่ศูนย์กลาง ทำให้สร้าง UI ที่ซับซ้อนได้ง่ายขึ้น

24. คุณควรใช้ Redux เมื่อใด?

ไม่ใช่ว่าแอปทั้งหมดจะต้องใช้ Redux แต่ Redux จะมีประโยชน์ในกรณีต่อไปนี้:

เมื่อคุณมีสถานะแอปพลิเคชันจำนวนมากในแอปของคุณ
เมื่อตรรกะของแอปของคุณมีความซับซ้อน
เมื่อแอปของคุณมีฐานโค้ดขนาดใหญ่
เมื่อคุณต้องอัปเดตแอปบ่อยๆ
เมื่อคุณมีคนจำนวนมากทำงานบนแอป

25. ความแตกต่างหลักระหว่าง Redux และ Flux คืออะไร?

ความแตกต่างที่สำคัญระหว่างทั้งสองคือ Redux จัดการข้อมูลแอปพลิเคชันทั้งหมดจากที่เก็บข้อมูลเดียว ในขณะที่คุณสามารถมีที่เก็บข้อมูลหลายรายการภายใต้ Flux

26. ระบุส่วนประกอบของ Redux

Redux มี 4 ส่วนหลัก:

เก็บที่อุณหภูมิ: – ที่นี่คือที่ที่คุณเก็บสถานะของแอปพลิเคชัน
การกระทำ – สิ่งเหล่านี้เป็นเหตุการณ์ที่ทำให้แอปส่งข้อมูลไปยังร้านค้า Redux
ลด – นี่คือฟังก์ชันที่ยอมรับสถานะแอปปัจจุบันและการกระทำเป็นอาร์กิวเมนต์ จากนั้นส่งคืนสถานะใหม่เป็นผลลัพธ์
มิดเดิ้ล – คุณลักษณะนี้ช่วยให้นักพัฒนาสามารถบันทึกการดำเนินการทั้งหมดจากส่วนประกอบก่อนที่จะเข้าถึงฟังก์ชันตัวลด

27. React Hooks คืออะไร?

React hooks เป็นฟีเจอร์ของส่วนประกอบฟังก์ชันที่ให้คุณเข้าถึงฟีเจอร์ต่างๆ ของ React เช่น ข้อมูลสถานะและการอัปเดตการแสดงผล โดยฟีเจอร์นี้เปิดตัวใน React 16.8

28. ระบุประเภทของ Hooks ใน React

React มีฮุกมากกว่า 15 ตัว เริ่มตั้งแต่ฮุกพื้นฐานเช่น useState, useEffect และ useContext ไปจนถึงฮุกเพิ่มเติมเช่น useCallback, useReducer, useMemo, useRef และอื่นๆ

29. Frägments คืออะไร?

ชิ้นส่วน React เป็นวิธีที่สะดวกในการจัดกลุ่มองค์ประกอบย่อยหลายองค์ประกอบในส่วนประกอบโดยไม่ต้องเพิ่มองค์ประกอบเหล่านั้นลงใน DOM คุณเพียงกำหนดแท็กโดยใช้:

และโหลดองค์ประกอบย่อยทั้งหมดที่คุณต้องการเข้าไป ความแตกต่างเพียงอย่างเดียวคือเวอร์ชันย่อ <> ไม่ยอมรับคีย์และแอตทริบิวต์ ในขณะที่เวอร์ชันยาวยอมรับ

30. ระบุวิธีการหลักของแพ็กเกจ react-dom

พวกมันคือ createPortal() สำหรับการเรนเดอร์ลูกๆ ใน DOM ภายนอกและ flushSync() สำหรับการล้างข้อมูลอัปเดต นอกจากนี้ยังมีเมธอด render() และ hydrate() ซึ่งถูกแทนที่ด้วย createRoot() และ hydrateRoot() ตั้งแต่ React 18

31. React Keys คืออะไร?

คีย์คือตัวระบุเฉพาะที่เหมาะที่สุดสำหรับใช้จัดการรายการ คีย์ทำให้สามารถระบุรายการแต่ละรายการในรายการได้ง่าย และทราบว่าแต่ละรายการได้รับการอัพเดต ลบ หรือเปลี่ยนแปลงเมื่อใด

32. เหตุใด React Key จึงสำคัญ?

คีย์มีความสำคัญใน React เนื่องจากช่วยให้การเรนเดอร์ DOM จริงมีประสิทธิภาพมากขึ้น React มีประโยชน์ตรงที่พยายามลดองค์ประกอบที่ต้องเรนเดอร์ซ้ำหลังจากเหตุการณ์ และการใช้คีย์ในรายการช่วยป้องกันไม่ให้ React ต้องเรนเดอร์รายการทั้งหมดซ้ำ ซึ่งอาจเป็นปัญหาสำหรับรายการขนาดใหญ่

33. Event ใน React คืออะไร?

เหตุการณ์คือการดำเนินการใดๆ ในแอปที่มาจากผู้ใช้หรือระบบ เหตุการณ์อาจมีตั้งแต่การคลิกเมาส์หรือแตะบนอุปกรณ์มือถือไปจนถึงการปรับขนาดหน้าต่าง การกดแป้น การลาก การโฟกัส และอื่นๆ

34. อธิบายว่าอะไร กิจกรรมสังเคราะห์ วิธี

เหตุการณ์สังเคราะห์คือตัวห่อหุ้มรอบเหตุการณ์ดั้งเดิมของเบราว์เซอร์ โดยปัญหาคือเบราว์เซอร์ต่างๆ ตั้งชื่อเหตุการณ์ของตนแตกต่างกัน React ใช้เหตุการณ์สังเคราะห์เพื่อหลีกเลี่ยงปัญหาในการต้องสร้างการใช้งานและวิธีการต่างๆ สำหรับเบราว์เซอร์ต่างๆ ที่มีอยู่ทั้งหมด วิธีนี้ทำให้ React สามารถรักษาชื่อทั่วไปสำหรับเหตุการณ์เบราว์เซอร์ต่างๆ ทั้งหมดเป็น API ที่เป็นหนึ่งเดียว

35. Webpack คืออะไร?

Webpack เป็นระบบรวมโมดูลที่ใช้สำหรับรวมและย่อไฟล์ JavaScript และ CSS โดยสร้างขึ้นบน Node.js และมีประโยชน์เมื่อต้องทำงานกับไฟล์จำนวนมากหรือทรัพยากรที่ไม่ใช่โค้ด เช่น รูปภาพและแบบอักษร

36. create-react-app คืออะไร?

Create-react-app เป็นเครื่องมือที่ช่วยให้คุณสร้างแอปพลิเคชัน React แบบหน้าเดียวในสภาพแวดล้อม Node.js ของคุณ เครื่องมือนี้จะสร้างไฟล์และโฟลเดอร์ทั้งหมดที่คุณต้องการเพื่อเริ่มแอปพลิเคชันพื้นฐานและดำเนินการจากตรงนั้น เครื่องมือนี้ต้องการ Node เวอร์ชัน 14.0.0 ขึ้นไปและ npm ตั้งแต่เวอร์ชัน 5.6

การใช้งานก็ง่ายๆ:

npx สร้างแอป-react-myNewApp

ซีดี myNewApp

เริ่ม npm

37. คุณสามารถเรนเดอร์ฝั่งเซิร์ฟเวอร์ด้วย React ได้หรือไม่?

ใช่ คุณสามารถทำได้ แม้ว่าจะต้องใช้ทรัพยากรมากสำหรับโปรเจ็กต์ขนาดใหญ่ การเรนเดอร์ฝั่งเซิร์ฟเวอร์มีประโยชน์เนื่องจากช่วยปรับปรุงประสบการณ์ผู้ใช้และ SEO คุณจะต้องมีสภาพแวดล้อม Node.js, Bundler เช่น Webpack และเฟรมเวิร์กเช่น เน็กซ์.เจส และ โภชนาการ เพื่อแสดงแอป React ในขณะรันไทม์ วิธีแก้ปัญหาการใช้ทรัพยากรจำนวนมากคือการใช้เครื่องสร้างไซต์แบบคงที่ เช่น Next.js Gatsby.

38. อธิบายว่าฟังก์ชันลูกศรทำอะไร

ฟังก์ชันลูกศรเป็นเพียงวิธีสั้น ๆ ในการกำหนดฟังก์ชัน ซึ่งเป็นคำย่อของ ES6 ที่ใช้แทน:

= ฟังก์ชัน() สีสดสวย -.

ตัวอย่างเช่น:

ทดสอบ = ฟังก์ชัน(){

กลับ “นี่คือการทดสอบ”

}

แล้วจะกลายเป็น:

ทดสอบ = () => {

กลับ “นี่คือการทดสอบ”

}

หรือสำหรับคำสั่งบรรทัดเดียว:

test = () => “นี่คือการทดสอบ”;

39. ก. คืออะไร ตอบสนองเราเตอร์?

React router คือไลบรารีที่ให้ฟังก์ชันการกำหนดเส้นทางในแอป React ทำให้สามารถรวมและใช้ส่วนประกอบการนำทางที่หลากหลายได้ง่าย ซึ่งอาจมีประโยชน์มากสำหรับโปรเจ็กต์ขนาดใหญ่หรือซับซ้อน

40. ข้อดีหลักในการใช้ React Router มีอะไรบ้าง?

มันจะสร้างเส้นทาง URL ที่แตกต่างกันสำหรับแอปของคุณและให้ค่า window.location และวัตถุ history

41. ComponentWillUnmount() คืออะไร?

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

42. The Constructor() คืออะไร?

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

43. Virtual DOM คืออะไร?

DOM เสมือนของ React เป็นสำเนาขนาดเล็กของ DOM ของเอกสาร HTML จริง ใช้เพื่อการจัดการและอัปเดตการเปลี่ยนแปลงบน DOM จริงอย่างมีประสิทธิภาพ

44. ข้อได้เปรียบของ Virtual DOM เมื่อเทียบกับ Real DOM คืออะไร

DOM เสมือนมีน้ำหนักเบาและเรนเดอร์ได้เร็วกว่า DOM จริง ซึ่งทำให้การเรนเดอร์ไปยัง DOM เสมือนมีประสิทธิภาพมากขึ้นก่อน และทำการเปลี่ยนแปลง DOM จริงเมื่อจำเป็นเท่านั้น โหนดแต่ละโหนดบน DOM จริงมีส่วนประกอบที่สอดคล้องกันบน DOM เสมือน และเมื่อมีการเปลี่ยนแปลงส่วนประกอบเสมือนหลังจากการเรนเดอร์ React ก็จะทราบทันทีว่าจะต้องอัปเดตหรือลบโหนด HTML จริงโหนดใด

45. อธิบายคำศัพท์ การประนีประนอม ใน React

การกระทบยอดคือวิธีการของ React ในการอัปเดต DOM จริงเมื่อจำเป็นเท่านั้น โดยการตรวจสอบเวอร์ชันอัปเดตของ DOM เสมือนผ่านการเปรียบเทียบและอัปเดตเฉพาะโหนดที่เปลี่ยนแปลงไปใน DOM จริงเท่านั้น

46. อธิบายคำศัพท์ Profiler ใน React

Profiler คือเครื่องมือ React ที่ช่วยเพิ่มประสิทธิภาพแอปพลิเคชันโดยวัดจำนวนครั้งที่แอปพลิเคชันแสดงผลและระยะเวลาที่ใช้ในการแสดงผลแต่ละองค์ประกอบ ซึ่งช่วยให้นักพัฒนาสามารถระบุส่วนต่างๆ ของแอปพลิเคชันที่อาจจำเป็นต้องเพิ่มประสิทธิภาพได้

47. อธิบายคำศัพท์ บริบท ใน React

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

48. อธิบายคำศัพท์ การติด ใน React

การติดตั้งใน React คือกระบวนการแนบส่วนประกอบเป็นโหนดกับ DOM ส่วนการถอนการติดตั้งเป็นกระบวนการตรงกันข้าม

49. อธิบายคำศัพท์ การแสดงผล ใน React

การเรนเดอร์คือกระบวนการวาดส่วนประกอบ โดยปกติจะเกิดขึ้นเมื่อสถานะของส่วนประกอบเปลี่ยนแปลง และ React จะต้องวาด UI ใหม่ หากมีการวาดส่วนประกอบใหม่ระหว่างการเรนเดอร์ ส่วนประกอบย่อยของส่วนประกอบนั้นก็จะถูกวาดใหม่ด้วยเช่นกัน

50. อธิบายคำศัพท์ ขอบเขตข้อผิดพลาด ใน React

ขอบเขตข้อผิดพลาดหมายถึงส่วนประกอบของ React ที่จับข้อผิดพลาดของ JavaScript จากส่วนประกอบย่อย บันทึกข้อผิดพลาด และแสดง UI สำรองแทนที่โหนดที่ขัดข้อง ขอบเขตข้อผิดพลาดได้รับการแนะนำใน React 16

สรุป

เราได้มาถึงรายการคำถามสัมภาษณ์ React 50 อันดับแรกที่ต้องรู้แล้ว และหวังว่าตอนนี้คุณน่าจะพอมีแนวคิดที่ดีเกี่ยวกับสิ่งที่จะคาดหวังได้แล้ว

คุณควรทราบด้วยว่าไม่มีอะไรคงอยู่เหมือนเดิมและการสัมภาษณ์ของคุณอาจมีทิศทางใดก็ได้ ดังนั้นคุณควรศึกษาเพิ่มเติมและคอยอัปเดตอยู่เสมอ

1. React คืออะไร?