چگونه میتوان استایلهای پیشفرض 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; ادامه مطلب →
من یک برنامه React دارم که از مدل زیر استفاده میکند:
export interface DataModel { itemId: string, itemName: string, }من یک مقدار اولیه برای مدل به این صورت تعریف میکنم:
export const INIT_ITEM:DataModel = { itemId: &q ادامه مطلب →
چگونه تصاویر را به صورت داینامیک در ریاکت/تایپاسکریپت رندر یا وارد کنیم؟
من از تایپاسکریپت همراه با ریاکت استفاده میکنم.
آنچه من میخواهم به آن دست یابم، به شرح زیر است.
اما این کار نمیکند. این عبارت { 'assets/icons/' + media + '.svg'} را حل نمیکند.
<div className="m ادامه مطلب →وقتی من متنی را در فیلد ورودی تایپ میکنم، وقتی وارد ردیوسر میشوم، برخی دادهها را نشان میدهد، همچنین console.log(state.genreList) یک آرایه را چاپ میکند. اما mapStateToProps داخل SearchInput.tsx بهروزرسانی نمیشود. در اکشن و ردیوسر میبینم که مقدار به درستی منتقل میشود، اما هنوز گیج هستم که چرا به mapStateToProps منتقل نمیشود. آیا چیزی را از قلم انداختهام؟
برای اینکه درک بهتری به شما بدهم، یک کدسندباکس اضافه خواهم کرد.
لینک به کدسندباکس
// Red ادامه مطلب →
من از کتابخانه Material UI با React + Typescript استفاده میکنم.
وقتی که سعی میکنم یک مقدار بولی شرطی را به عنوان پراپ 'button' در کامپوننت منتقل کنم، خطای تایپاسکریپت دریافت میکنم: نوع 'boolean' قابل انتساب به نوع 'true' نیست
من لینک کدس
ادامه مطلب →پس، من از چیزی شبیه به سلکتور با react-query استفاده میکنم و وقتی سعی میکنم برخی مقادیر را از کش بردارم، خطا دریافت میکنم.
این خطایی که دریافت میکنم به شرح زیر است: TS2339: ویژگی 'phone' در نوع 'QueryObserverResult' وجود ندارد.
در اینجا تغییر کش وجود دارد:
export default function useProductCache (select: ?): QueryObserverResult<Product, Error> { const queryClient = useQueryClient(); ادامه مطلب →
ناوبر
export type RootStackNavigator = { Welcome: undefined List: undefined } const Stack = createStackNavigator<RootStackNavigator>() const { Navigator, Screen } = Stack const Navigation = () => { return ( <NavigationContainer> <Navigator ادامه مطلب →
من یک دکمه قابل استفاده مجدد با استفاده از کامپوننت Styled و تایپاسکریپت ایجاد کردهام. من onPress را void گذاشتهام. من از این دکمه برای headStyles استفاده میکنم. HeaderStyles یک پراپ به نام headerLeft دارد. onPress پراپ headerLeft اختیاری یا undefined ا
ادامه مطلب →
من میخواهم فرمت تاریخ پیشفرض یکی از فیلدهایم در فرمهای Reactive را تغییر دهم. در حال حاضر به صورت "16-03-1999" نمایش داده میشود، اما میخواهم به صورت "March 16, 1999" نمایش داده شود.
در زیر کد مربوط به همان آورده شده است :
در فایل تایپ اسکریپت :
this.companyForms = this.fb.group({ ادامه مطلب →
من در تلاش هستم که یک برنامه وب پیشرونده با استفاده از Create React App ایجاد کنم، اما وقتی با lighthouse سنجش میکنم، خطا میگیرم. برنامه وب پیشرونده من نصبپذیر نیست، چیزی که عجیب است این است که همین مشکل را حتی اگر از قالب رسمی pwa از CRA استفاده کنم
ادامه مطلب →