با یک تیر دو نشان بزنید🎯 یک هدیه ۳ میلیون تومانی به همراه ۲۵٪ تخفیف روی همه دوره‌های متخصص😍
۰ ثانیه
۰ دقیقه
۰ ساعت
۱۳ زهرا نمازی
multi language
جامعه جاوا اسکریپت ایجاد شده در ۱۶ دی ۱۳۹۹

سلام خسته نباشید جلسات اول شما یه تم RTL ساختید اگه بخوایم از react-i18next  استفاده کنیم چه جوری میشه LTR کرد من الان مث شما اون RTL ساختم و LTR ساختم و هر کدوم اگه رو کامپوننت Layout بزارم اکی کار میکنن ولی وقتی میخوام دینامیک کنم که بر اساس زبانی که انتخاب شده بیاد یکی از این‌ها رو روی Layout اعمال کنه نمیشه میشه لطفا بگید این چه جوری میشه داینامیک کرد

یه مشکل دیگه هم که با multi lang دارم اگه صفحه رفرش شه این خطا تو کنسول دارم و بعدش استایل‌های material ui اعمال نمیشه

Warning: Text content did not match. Server: 		
زهرا نمازی ۱۷ دی ۱۳۹۹، ۱۶:۴۲

سلام. تم RTL منظورتون برای پنل مدیریت هست یا بخش nextjs ؟ چون برای next تم RTL نساختیم.

کیوان علی محمدی ۱۹ دی ۱۳۹۹، ۰۵:۳۲

نه پنل مدیریت ولی من میخوام تو پروژه نکست پیاده کنم

زهرا نمازی ۱۹ دی ۱۳۹۹، ۰۹:۱۱

توی next از material ui استفاده کردین ؟

کیوان علی محمدی ۱۹ دی ۱۳۹۹، ۰۹:۳۱

اره کلا پنل مدیریتم با next زدم و میخوام multi lang باشه

زهرا نمازی ۱۹ دی ۱۳۹۹، ۱۷:۰۳

خود material ui یه سیستم خوب برای locale یا همون چند زبانه کردن داره، اون رو بررسی کردید؟ 

کیوان علی محمدی ۱۹ دی ۱۳۹۹، ۱۹:۲۰

اینم مشکل حل نکرده

زهرا نمازی ۱۹ دی ۱۳۹۹، ۱۹:۲۶

من الان اینو گذاشتم 

const theme = createMuiTheme(
  {
    palette: {
      primary: { main: '#1976d2' }
    }
  },
  faIR
)

عکس قبل و بعد از رفرش رو گذاشتم قبل رفرش به جا نام سمت راست باشه چپ هست بعد رفرش درست میشه ولی کلا دیگه استایل متریال نداره

زهرا نمازی ۱۹ دی ۱۳۹۹، ۱۹:۴۵

فقط در حالتی که از از i18n استفاده می‌کنید این اتفاق میفته؟ 

کیوان علی محمدی ۲۰ دی ۱۳۹۹، ۰۷:۱۳

نه ربطی به اون نداره الان کدهای اونم کامنت کردم باز اکی نیست 

زهرا نمازی ۲۰ دی ۱۳۹۹، ۱۲:۴۵

امروز متوجه شدم که اون به هم ریختگی استایل material ui که عکسش فرستادم اصلا ربطی به چند زبانگی هم نداره هر جا تو پروژه نکست رفرش کنم استایل‌های material ui بهم میریزه و تو کنسول هم میگه کلاس سمت سرور و کلاینت یکسان نیست. در صورتی که پروژه شرکت هم نکست هست material ui هم استفاده کردم ولی این اتفاق نمیفته پس الان دو تا سوال دارم:

 

 1. چه جوری واسه چند زبانگی LTR , RTL اعمال کنم 

2. چرا با رفرش در نکست استایل‌های material ui بهم میریزه 

 

ممنون میشم راهنمایی کنید

زهرا نمازی ۲۰ دی ۱۳۹۹، ۱۵:۴۱

برای بحث استایل‌ها فکر می‌کنم برای next باید از server custom استفاده کنید.توی خود Document هم به این اشاره کرده.البته متاسفانه خود من تا حالا این رو پیاده سازی نکردم. برای حالت چندزبانگی چیزی که فکر می‌کنم نیاز دارید این هست وقتی مثلا فارسی میشه باید RTL اعمال بشه و برای حالت زبان‌های دیگه حالت LTR. خب برای این حالت‌ها به نظرم می‌تونید در زمان ایجاد theme بر اساس متغییر هایی که مشخص کنید الان theme باید RTL یا LTR باشه. بر اساس زبانی که کاربر انتخاب میکنه حالت رو اعمال کنید. کاربر در سمت فرانت زبان رو تغییر میده و شما اون دریافت می‌کنید و روی theme اعمالش می‌کنید.

کیوان علی محمدی ۲۲ دی ۱۳۹۹، ۰۷:۰۶

تو چند زبانگی dir  این چیزایی که تو تم هستن رو تونسم با تغییر زبان هندل کنم  با useTheme
مشکلم اون چیزایی هست که با jss اعمال میشه اگه دستوری بود که میشد مث usetheme واسه مجدد مقدار دادن jss توی styleprovider  استفاده کرد مشکلم حل میشد ولی من نتوسم این هندل کنم

const jss = create({
  plugins: [...jssPreset().plugins, rtl()]
})
	
زهرا نمازی ۲۲ دی ۱۳۹۹، ۰۷:۵۱