استفاده از تمپلیت های آماده

خوب نمیشه دیگه دوست عزیز عینن نمیتونی چیزی رو کپی کنی باید قالب آماده‌اتون تبدیل به react و syntax اون یعنی js کنی قدم به قدم

ری اکت از سینتکس jsx استفاده میکنه. باید اینو بدونین که کجا میشه کدهای html رو وارد کرد دوم اینکه کد های html حتما باید یک پدر داشته باشن مثلا نمیشه چند تا تگ div داشته باشید. به جای اون همه رو باید در یک مثلا div قرار بدید که اگه میخواید اون div استایلی نداشته باشه میتونین از React fragment استفاده کنیدمثل زیر:

<React.Fragment>
    <div>
        <h1>this is test</h1>
    </div>
    <div>
        <img />
    </div>
</React.Fragment>

سوم اینکه اصلا شاید کامپوننتی که ساختید اشتباه فراخوانی کرده باشید..

@hesammousavi @parastooebrahimi
سلام
ممنون از پاسخگویی شما، اما فکر کنم بد منظورم رو بیان کردم
سوالم اینکه مثلا شما تمپلیتی رو که براساس معماری ریکت ساخته شده رو از یه جایی مثلا دانلود میکنی حالا شما میخوای ازین قالب در پروژه خودت استفاده کنی. که من دراینجا به مشکل برخورد کردم که چه طور میتونم اون قالب رو در روند پروژه خودم وارد کنم.
پروژه من که خودش براساس فرمت ریکت هست اون قالب هم براساس ریکت هستش میمونه فایل package.json که باید تغییراتی بهش بدم که اونم بررسی میکنم اما باز به من خطا برمیگردونه !
این رو درک نکردم هنوز :/

پروژه شما یک سری المنت html و css و js هست، غیر این که نیست !
اون قسمت html رو باید در syntax مربوط به هر کامپونتت استفاده بفرمایید.
css چون کلیه میتونید در فایل اصلی import کنید اونو
و js رو هم باید در داخل کامپونتت‌ها ترکیب کنید و گاهنا چیزی که هست رو با react پیاده کنید

@ebi_papidon
سلام
ببین در کل موقعی که می خوای از المنتی توی یک تمپلیت استفاده کنی و بزاری توی کد خودت چندتا نکته رو باید رعایت کنی:
1- پکیج های مربوط به اون کد رو توی فایل پروژه ات نصب کنی مثلا: اگر از Col مربوط به ReactStrap توی اون تمپلیت فرضی استفاده شده شما باید با استفاده از npm,yarn,... اول از همه کتابخانه ReactStrap رو توی فایل پروژه ات نصب کنی.
2-محل قرار دهی کد : باید حواست باشه که توی مثلا هر کلاس کجاش باید سینتکس html استفاده کنی و کجا ... بقیه کد ها رو.
3-اگر می خوای از کامپوننتی استفاده کنی یعنی از یه تپلیت دیگه بیاری توی کد خودت ، حواست باشه که یسری فانکشن ها یا ایمپورت هایی ممکنه از فایل دیگه ای داشته باشه.

اگر نمونه کدت رو بزاری بنظرم دقیق تر میشه سرش بحث کرد.