چطور در React از کامنت‌ها استفاده کنیم؟

در React برای اینکه بتونی توی JSX کامنت بذاری، نمی‌تونی از همون روش‌های معمول HTML استفاده کنی چون JSX در واقع به جاوااسکریپت تبدیل می‌شه و سینتکس متفاوتی داره.

برای گذاشتن کامنت داخل JSX، باید از ترکیب جاوااسکریپت و JSX استفاده کنی. یعنی کامنتت رو داخل {} قرار بدی و از /* */ استفاده کنی. یه نمونه از کد رو می‌تونی اینجا ببینی:

return ( 
<div> 
{/* This is a test from sabzlearn.ir */} 
<h1>Hello, world!</h1> 
</div>
 );

اگه بخوای خارج از JSX کامنت بذاری، می‌تونی از // برای کامنت‌های تک‌خطی یا از /* */ برای کامنت‌های چندخطی استفاده کنی. مثلا:

// One line comment
/* 
Multi line
Comment :)
*/
function MyComponent() {
return (
<div>
{/* This is a test from sabzlearn.ir */}
<h1>Hello, world!</h1>
</div>
);
}

نکته‌ی مهم دیگه‌ای که باید بهش توجه کنی اینه که اگه کامنتت قبل یا بعد از یک عنصر JSX بیاد، باید حتماً توی یک خط جدا باشه وگرنه ممکنه به مشکل بخوری.

خلاصه اینکه، برای استفاده از کامنت‌ها توی JSX، فقط کافیه از {/* */} استفاده کنی. امیدوارم این نکته‌ها به کارت بیاد و بدون مشکل کامنت بذاری!