StrictMode ทำอะไร

ยินดีต้อนรับ

StrictMode คืออะไร

import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';

createRoot(document.getElementById('root')).render(
  <StrictMode>
    <App />
  </StrictMode>
);

การเรียกใช้วงจรชีวิตซ้ำสองครั้ง

เหตุใดจึงเรียกใช้ซ้ำสองครั้ง

เอฟเฟกต์เมานต์–ถอดเมานต์–เมานต์ใหม่

useEffect(() => {
  const id = setInterval(() => setTick(t => t + 1), 1000);
  return () => clearInterval(id); // cleanup required!
}, []);

ตรวจหาเอพีไอที่เลิกใช้แล้ว

คำเตือนเอพีไอบริบทแบบเดิม

เปิดใช้ได้อย่างปลอดภัยในแอปที่มีอยู่

function App() {
  return (
    <>
      <LegacyPart />  {/* not wrapped */}
      <StrictMode>
        <NewFeature />
      </StrictMode>
    </>
  );
}

ไม่มีความแตกต่างทางภาพ

เปิดใช้ตั้งแต่วันแรก

ตรวจสอบอย่างรวดเร็ว

สรุป

ถัดไป