reactjs - چگونه نمودارهای سبک Tradingview را به React با TypeScript اضافه کنیم

من سعی کردم 'lightweight-charts' ترأدینگ‌ویو را برای ری‌اکت تایپ‌اسکریپت نصب کنم، اما به نظر نمی‌رسد بتوانم @types این پکیج را دانلود کنم زیرا در package.json نمایش داده نمی‌شود. بنابراین، قادر به رندر کردن اپلیکیشن ری‌اکت خود نیستم.

من سعی کرده‌ام با npm و yarn نصب کنم اما هیچ‌کدام کار نمی‌کنند

آیا کسی می‌تواند لطفاً به من کمک کند؟

از کجا می

ادامه مطلب →

reactjs - react typescript 'current' در نوع 'never' وجود ندارد

من از react و typescript استفاده می‌کنم. می‌خواستم ارتفاع تگ div را بگیرم، بنابراین از useRef استفاده کردم. با این حال، در current یک خطای ts دریافت می‌کنم.

Property 'current' is not present in type 'never'. ts(2339) const ref = useRef<HTMLDivElement>(null);

ادامه مطلب →

css - بخش‌هایی از کد HTML کامپوننت‌های React من در Next.js وقتی کامپایل و اجرا می‌شوند، در مکان اشتباه قرار دارند

من مطمئن نیستم چگونه آن را توضیح دهم، بنابراین عمدتاً تصاویر ارائه می‌دهم و کد html را از inspector کپی می‌کنم. اما اساساً، من دو بخش کاملاً جداگانه در کد HTML خود دارم که با براکت‌های پیچشی و شرط‌ها از هم جدا شده‌اند. به دلایلی، وقتی اپلیکیشن وب را اجر

ادامه مطلب →

Reactjs - کال‌بک به خاطر سپرده شده در React Typescript به عنوان پراپ

من یک کامپوننت دارم که داده‌هایی را که از یک callback که در props دریافت شده است نمایش می‌دهد. امیدوارم راهی وجود داشته باشد که استفاده از callback های memoized را مجبور کنم تا یک hook از نوع useEffect به طور بی‌پایان اجرا نشود به دلیل ارسال تصادفی توابع ناشناس.

const DataRenderer = (props: {asyncDataFn: () =>

ادامه مطلب →

جاوااسکریپت - پروکسی React Native برای درخواست‌های API

من می‌خواهم برای تماس‌های API از یک پراکسی استفاده کنم. در package.json ویژگی "Proxy": "https://someapi.com" را تنظیم کردم، اما این کار نمی‌کند. آیا امکان استفاده از پراکسی در React Native وجود دارد؟

پاسخ شماره ۱

متاسفانه، این امکان وجود ندارد، اما شما می‌توانید آن را در فراخوانی API خود تنظیم کنید. برای اطلاعات بیشتر این لینک را دنبال کنید. همچنین می‌توانید این دستور را در اینترسپتور Axios انجام دهید. با

ادامه مطلب →

reactjs - از طریق یک تابع که در context ارسال شده است، وضعیت React همیشه مقدار اولیه را دارد

من در حال بروزرسانی با توابعی هستم که از یک کامپوننت به والد آن و سپس از طریق context منتقل می‌کنم. می‌توانم وضعیت را همانطور که می‌خواهم تنظیم کنم اما نمی‌توانم به داده‌های آن در داخل این توابع دسترسی داشته باشم. آنها به عنوان داده اولیه نمایش داده می‌شوند.

ادامه مطلب →

جاوااسکریپت - چگونه این کانتینر وضعیت ری‌اکت را مدولار کنیم؟

پس در محل کار ما یک هوک کانتینر حالت عالی داریم که برای استفاده در برنامه React و بسته‌های مرتبط ساخته‌ایم. ابتدا کمی زمینه در مورد این هوک و آن چیزی که می‌خواهم قبل از رسیدن به کاری که می‌خواهم با آن انجام دهم، حفظ کنم. این هم کد کاری است. متوجه خواهید شد که آن کامنت‌گذاری شده تا به راحتی کپی و پیست شود و نمونه‌های جدید ای

ادامه مطلب →

node.js - ساخت یک دکمه تغییر وضعیت در ری‌اکت با jquery کار نمی‌کند

من با یک مشکل در برنامه وب ری‌اکت خود مواجه شده‌ام. می‌خواهم یک سیستم رأی‌گیری بسازم که اگر دکمه پسندیدن را فشار دهید، رنگ آن تغییر کند و فقط بتوان یک بار آن را پسندید. اگر دوباره آن را فشار دهید، به حالت «خنثی» بازمی‌گردد و تعداد پسندیدن کاهش می‌یابد. همین امر برای دکمه عدم پسندیدن نیز صدق می‌کند. اگر

ادامه مطلب →

typescript - چگونه مقدار متغیرها را در reactjs مانند angular بدست آوریم یا به‌روزرسانی کنیم؟

آیا گزینه‌ای وجود دارد که چیزی شبیه به زیر انجام دهیم؟

تغییر کلاس به یک عنصر خاص در ReactJS

این یک تابع است

variable: any onclick() { this.variable = 'new value'; } <img src={ham} className="cursor-pointer" width="40" alt=&quo

ادامه مطلب →

reactjs - چگونه react-hook-form، react-select و yup را در تایپ‌اسکریپت متصل کنیم؟

آیا مستندی وجود دارد که نشان دهد چگونه می‌توانم این سه کتابخانه را با هم کار کنم؟ تا کنون فقط react-hook-form و react-select را با هم پیدا کرده‌ام، اما نه با اعتبارسنجی yup. متشکرم.

پاسخ شماره ۱

برای استفاده از react-select با تایپ، @types/react-select را نصب کنید. می‌توانید به بخش‌های ادغام با کتابخانه‌های UI و اعتبارسنجی شِما برای مثال‌هایی درباره نحوه ادغام RHF با react-select و

ادامه مطلب →