راکت

چگونه در ری اکت تغییرات را در کل سند htmlوارد کرد نه فق در div

4 پاسخ

سلام دوستان ما وقتی با create,react,appپروژه ای می سازیم هر کامپوننتی ایجاد کنیم و هر استایلی بدیم در divبا شناسه rootایجاد میشه ما چطور میتوانیم همین تغییرات رو طوری ایجاد کنیم که در کل htmlوارد بشه به عکس زیر توجه کنید که من قصد داشتم یک darkmode ایجاد کنم اما تغییرات در یک قسمت نشان داده میشهتوضیح تصویر رو وارد کنید

progromer
progromer
@pwyazyzzadhbna
ثبت پرسش جدید

پاسخ‌ها

4
حسام موسوی
حسام موسوی
@hesammousavi

تخصص: طراح و برنامه نویس

درود بر شما خوب همینه دیگه اگر میخواید استایل به شکل global بشه میتونید در فایل جداگانه ای استایل رو مشخص کنید و در app.js فراخونی کنید به شکل global استایل داده بشه

progromer
progromer
@pwyazyzzadhbna

@hesammousavi
سلام با ارزوی سلامتی
بله شما درست میفرمایید اما منظور من این بود که چی کار کنم که این استایل کل صفهحه رو پوشش بده من استایل هارو در بالاترین کامپوننت فراخوانی کردم index.jsاما باز اگه دقت کنید قسمتی از صفحه رو پوشش نداده دلیلش رو دقیقا نمیدونم فکر کردم شاید چون در تگ divباشناسهrootاعمال شده استایل ها به کلbody اعمال نمیشن

شاید پاسخ شما همین‌جا باشد

Sintex
Sintex
@Sintex

ُسوالت رو دقیق متوجه نشدم اما برای تغییر کلاس تگ های بادی تو ریکت میتونی از کد زیر استفاده کنی

document.body.classList.add('dark')

نمونه کد :

onClick = () => {
  document.body.classList.add('dark');
}

به شخصه توسیه میکنم از tailwindcss استفاده کنی، فریمورک باحال و راحتیه همچنین برای دارک مد کردن هم امکاناتی برات فراهم میکنه میتونی با کمی مطالعه مستنداتش کار باهاش رو یاد بگیری

progromer
progromer
@pwyazyzzadhbna

@Sintex
ممنون دوست عزیز

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام