کامپوننت App

یونس قربانی

سلام دوست من 

توی پروژه ‌های React وقتی برنامه اجرا میشه فقط یه بخش کوچیک از HTML به عنوان نقطه شروع در نظر گرفته میشه (مثلاً یه <div id="root"> توی index.html) و React قراره فقط اونجا رو کنترل کنه.

حالا توی فایل index.js یا main.jsx معمولاً این کد رو میبینی:

import ReactDOM from 'react-dom';
import App from './App';

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

یعنی داریم به React می‌گیم: برو اون <div id="root"> رو بگیر و این کامپوننت <App /> رو اونجا نمایش بده.

اینجاست که کامپوننت App نقش اصلی رو بازی میکنه. هر چیزی که ما بخوایم توی صفحه ببینیم باید یه جوری از داخل App یا یکی از بچه هاش صدا زده بشه.

پس جواب کوتاه:

بله کامپوننت‌ هایی که تعریف میکنی اگه جایی توی App (مستقیم یا غیرمستقیم) استفاده نشن نمایش داده نمیشن. چون React فقط چیزی رو رندر میکنه که از App شروع بشه و بهش دسترسی داشته باشه.