React / Next.js

การจัดการ state ด้วย Context

Context API, createContext, useContext, Provider pattern, context composition, performance

18 คำถามสัมภาษณ์·
Junior
1

Context API ใน React คืออะไร?

คำตอบ

Context API เป็นกลไกที่ฝังอยู่ใน React ซึ่งอนุญาตให้แชร์ข้อมูลระหว่างคอมโพเนนต์โดยไม่ต้องส่ง props อย่างชัดเจนผ่านทุกระดับ แก้ปัญหา prop drilling โดยการสร้าง state ทั่วโลกที่คอมโพเนนต์ลูกหลานทั้งหมดสามารถเข้าถึงได้ Context เหมาะสำหรับข้อมูลที่เปลี่ยนแปลงไม่บ่อย เช่น theme, ภาษา หรือข้อมูลผู้ใช้ที่ตรวจสอบสิทธิ์แล้ว

2

ฟังก์ชันใดใช้สร้าง Context ใหม่?

คำตอบ

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

3

hook ใดที่ใช้สำหรับการใช้ค่าของ Context?

คำตอบ

hook useContext อนุญาตให้คอมโพเนนต์ลูกอ่านค่าที่ Provider ที่ใกล้ที่สุดในต้นไม้คอมโพเนนต์ให้มา แทนที่ Consumer API เก่าและเสนอไวยากรณ์ที่กระชับและอ่านง่ายกว่า คอมโพเนนต์จะสมัครรับการเปลี่ยนแปลง Context อีกครั้งโดยอัตโนมัติและอัปเดตตามนั้น

4

คอมโพเนนต์ใดที่ใช้สำหรับจัดเตรียมค่าให้กับ Context?

5

จะเกิดอะไรขึ้นถ้าคอมโพเนนต์ใช้ useContext โดยไม่มี Provider ต้น?

+15 คำถามสัมภาษณ์

หัวข้อสัมภาษณ์ React / Next.js อื่นๆ

พื้นฐาน JavaScript

Junior
25 คำถาม

พื้นฐาน React

Junior
20 คำถาม

React Hooks

Junior
22 คำถาม

วงจรชีวิตของ component

Junior
18 คำถาม

React Router

Junior
20 คำถาม

ฟอร์มและ Controlled Components

Mid-Level
20 คำถาม

การดึงข้อมูลและ API

Mid-Level
20 คำถาม

React Query (TanStack Query)

Mid-Level
20 คำถาม

Styling & CSS-in-JS

Mid-Level
18 คำถาม

พื้นฐาน Next.js

Mid-Level
25 คำถาม

TypeScript กับ React

Mid-Level
20 คำถาม

การดึงข้อมูล Next.js

Mid-Level
24 คำถาม

Server Actions ของ Next.js

Mid-Level
20 คำถาม

การกำหนดเส้นทางและการนำทางใน Next.js

Mid-Level
22 คำถาม

API Routes ใน Next.js

Mid-Level
20 คำถาม

Metadata & SEO ใน Next.js

Mid-Level
18 คำถาม

Middleware และ Auth ใน Next.js

Mid-Level
22 คำถาม

การทดสอบ React

Mid-Level
20 คำถาม

Zustand State Management

Mid-Level
18 คำถาม

การเพิ่มประสิทธิภาพ React

Senior
22 คำถาม

Error Boundaries & การจัดการข้อผิดพลาด

Senior
18 คำถาม

Advanced React Patterns

Senior
20 คำถาม

ฟีเจอร์ขั้นสูงของ Next.js

Senior
24 คำถาม

การ Deploy & Production ของ Next.js

Senior
20 คำถาม

Architecture & Design Patterns

Senior
22 คำถาม

React Server Components

Senior
26 คำถาม

การแปลภาษา Next.js

Senior
20 คำถาม

React ความปลอดภัย & แนวปฏิบัติที่ดีที่สุด

Senior
22 คำถาม

เชี่ยวชาญ React / Next.js สำหรับการสัมภาษณ์ครั้งถัดไป

เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์

เริ่มใช้ฟรี