جاوااسکریپت - react-select: غیرفعال کردن استایل‌های پیش‌فرض

چگونه می‌توان استایل‌های پیش‌فرض react-select را غیرفعال کرد؟ react-select در مرکز ظرف قرار ندارد، به همین دلیل من باید از margin-bottom استفاده کنم، اما این راه حل خوبی نیست. بدون margin-bottom: بدون CSS مربوط به margin-bottom

.header { height: 98px; display: flex; justify-content: space-between; background-color: #222968; align-items: center; padding: 0 10px; } .header__title { font-weight: 700; color: white; } .header__select{ height: 64px;

ادامه مطلب →

reactjs - چرا برنامه React من هنگام تغییر حالت دوباره رندر نمی‌شود؟

من یک برنامه React دارم که از مدل زیر استفاده می‌کند:

export interface DataModel { itemId: string, itemName: string, }

من یک مقدار اولیه برای مدل به این صورت تعریف می‌کنم:

export const INIT_ITEM:DataModel = { itemId: &q

ادامه مطلب →

Reactjs - چگونه تصاویر را به صورت پویا در React رندر کنیم؟

چگونه تصاویر را به صورت داینامیک در ری‌اکت/تایپ‌اسکریپت رندر یا وارد کنیم؟

من از تایپ‌اسکریپت همراه با ری‌اکت استفاده می‌کنم.

آنچه من می‌خواهم به آن دست یابم، به شرح زیر است.

اما این کار نمی‌کند. این عبارت { 'assets/icons/' + media + '.svg'} را حل نمی‌کند.

<div className="m

ادامه مطلب →

چرا mapStateToProps هیچ به‌روزرسانی‌ای نشان نمی‌دهد (TypeScript، ReactJS، Redux)

وقتی من متنی را در فیلد ورودی تایپ می‌کنم، وقتی وارد ردیوسر می‌شوم، برخی داده‌ها را نشان می‌دهد، همچنین console.log(state.genreList) یک آرایه را چاپ می‌کند. اما mapStateToProps داخل SearchInput.tsx به‌روزرسانی نمی‌شود. در اکشن و ردیوسر می‌بینم که مقدار به درستی منتقل می‌شود، اما هنوز گیج هستم که چرا به mapStateToProps منتقل نمی‌شود. آیا چیزی را از قلم انداخته‌ام؟

برای اینکه درک بهتری به شما بدهم، یک کدسندباکس اضافه خواهم کرد.

لینک به کدسندباکس

// Red

ادامه مطلب →

reactjs - چگونه به صورت شرطی مقدار true یا false را به props بولی در React با تایپ‌اسکریپت پاس دهیم؟

من از کتابخانه Material UI با React + Typescript استفاده می‌کنم.

وقتی که سعی می‌کنم یک مقدار بولی شرطی را به عنوان پراپ 'button' در کامپوننت منتقل کنم، خطای تایپ‌اسکریپت دریافت می‌کنم: نوع 'boolean' قابل انتساب به نوع 'true' نیست

من لینک کدس

ادامه مطلب →

مشکل TypeScript با React-Query QueryObserverResult

پس، من از چیزی شبیه به سلکتور با react-query استفاده می‌کنم و وقتی سعی می‌کنم برخی مقادیر را از کش بردارم، خطا دریافت می‌کنم.

این خطایی که دریافت می‌کنم به شرح زیر است: TS2339: ویژگی 'phone' در نوع 'QueryObserverResult' وجود ندارد.

  1. نوع select اینجا چیست؟

در اینجا تغییر کش وجود دارد:

export default function useProductCache (select: ?): QueryObserverResult<Product, Error> { const queryClient = useQueryClient();

ادامه مطلب →

تایپ‌اسکریپت - ایمنی نوع برای تست پیمایش React با React Native

ناوبر

export type RootStackNavigator = { Welcome: undefined List: undefined } const Stack = createStackNavigator<RootStackNavigator>() const { Navigator, Screen } = Stack const Navigation = () => { return ( <NavigationContainer> <Navigator

ادامه مطلب →

خطای props در TouchableOpacity در React Native با Typescript

من یک دکمه قابل استفاده مجدد با استفاده از کامپوننت Styled و تایپ‌اسکریپت ایجاد کرده‌ام. من onPress را void گذاشته‌ام. من از این دکمه برای headStyles استفاده می‌کنم. HeaderStyles یک پراپ به نام headerLeft دارد. onPress پراپ headerLeft اختیاری یا undefined ا

ادامه مطلب →

انگولار - چگونه فرمت تاریخ را در فرم‌های واکنشی تغییر دهیم؟

من می‌خواهم فرمت تاریخ پیش‌فرض یکی از فیلدهایم در فرم‌های Reactive را تغییر دهم. در حال حاضر به صورت "16-03-1999" نمایش داده می‌شود، اما می‌خواهم به صورت "March 16, 1999" نمایش داده شود.

در زیر کد مربوط به همان آورده شده است :

در فایل تایپ اسکریپت :

this.companyForms = this.fb.group({

ادامه مطلب →

جاوااسکریپت - ایجاد برنامه React PWA خطا: سرویس ورکر که صفحه و start_url را کنترل کند ثبت نمی‌شود

من در تلاش هستم که یک برنامه وب پیش‌رونده با استفاده از Create React App ایجاد کنم، اما وقتی با lighthouse سنجش می‌کنم، خطا می‌گیرم. برنامه وب پیش‌رونده من نصب‌پذیر نیست، چیزی که عجیب است این است که همین مشکل را حتی اگر از قالب رسمی pwa از CRA استفاده کنم

ادامه مطلب →