چگونه در ری اکت تغییرات را در کل سند htmlوارد کرد نه فق در div
سلام دوستان ما وقتی با create,react,appپروژه ای می سازیم هر کامپوننتی ایجاد کنیم و هر استایلی بدیم در divبا شناسه rootایجاد میشه ما چطور میتوانیم همین تغییرات رو طوری ایجاد کنیم که در کل htmlوارد بشه به عکس زیر توجه کنید که من قصد داشتم یک darkmode ایجاد کنم اما تغییرات در یک قسمت نشان داده میشه
درود بر شما خوب همینه دیگه اگر میخواید استایل به شکل global بشه میتونید در فایل جداگانه ای استایل رو مشخص کنید و در app.js فراخونی کنید به شکل global استایل داده بشه
@hesammousavi
سلام با ارزوی سلامتی
بله شما درست میفرمایید اما منظور من این بود که چی کار کنم که این استایل کل صفهحه رو پوشش بده من استایل هارو در بالاترین کامپوننت فراخوانی کردم index.jsاما باز اگه دقت کنید قسمتی از صفحه رو پوشش نداده دلیلش رو دقیقا نمیدونم فکر کردم شاید چون در تگ divباشناسهrootاعمال شده استایل ها به کلbody اعمال نمیشن
ُسوالت رو دقیق متوجه نشدم اما برای تغییر کلاس تگ های بادی تو ریکت میتونی از کد زیر استفاده کنی
document.body.classList.add('dark')نمونه کد :
onClick = () => {
document.body.classList.add('dark');
}به شخصه توسیه میکنم از tailwindcss استفاده کنی، فریمورک باحال و راحتیه همچنین برای دارک مد کردن هم امکاناتی برات فراهم میکنه میتونی با کمی مطالعه مستنداتش کار باهاش رو یاد بگیری