reactjs - React-Three-Fiber: چگونه از setViewOffset استفاده کنیم

من در حال استفاده از React-Three-Fiber در یک برنامه نوشته شده با تایپ‌اسکریپت هستم. من بوم و دوربین خود را راه‌اندازی کرده‌ام اما نیاز دارم تا .setViewOffset را روی دوربین ارتوگرافیک خود پیاده‌سازی کنم. در مستندات three.js ذکر شده است که ورودی برای setViewOffset به صورت زیر است:

( fullWidth : Float, fullHeight : F

ادامه مطلب →

reactjs - ادغام Kekule.js در برنامه React ساخته شده با تایپ‌اسکریپت

جامعهٔ عزیز!

پس من یک اپلیکیشن ری‌اکت راه‌اندازی کرده‌ام که به افرادی که با شیمی سر و کار دارند کمک می‌کند آثار خود را منتشر کنند، و برای آن یک کتابخانه به نام Kekule.js پیدا کرده‌ام. این هم آن

همان‌طور که گفتم، من از تایپ‌اسکریپت استفاده می‌کنم که اکنون نیاز دارد تا نوع‌ها را برای کتابخانه‌ای که استفاده می‌کنم تعریف کنم، اما این کتابخانه در NPM نیست و نمی‌توانم @types/kekule.js یا چیزی مشابه آن را پیدا کنم.

از آنجا که واقعاً تعداد زیادی تابع در کتابخانه وجود دارد، من تعجب م

ادامه مطلب →

چگونه با استفاده از useNavigation() در ری‌اکت نیتیو با تایپ‌اسکریپت به یک صفحه هدایت شویم

من می‌خواستم از useNavigation برای رفتن به یک صفحه استفاده کنم. کد من در زیر آمده است:

MainNav.tsx:

const defaultNavigationOptions: StackNavigationOptions = { ... ... ... headerRight: (props) => { return <AccountHeaderComponent tintColor={props.tintColor} />; }, ... ... ... }; const MainNavigator = () => { return ( <MainStack.Navigator> <MainStack.Screen name={&q

ادامه مطلب →

reactjs - خطای تایپ‌اسکریپت ری‌اکت ریداکس با تابع combineReducers

من سعی می‌کنم یک فروشگاه ردوکس برای برنامه خود پیاده‌سازی کنم.

در اینجا app.ts من (فایل اصلی فروشگاه) است:

import { combineReducers, compose, createStore, Reducer } from 'redux'; import * as fromBarcode from './reducers/barcode'; export interface

ادامه مطلب →

reactjs - چگونه بررسی کنیم که آیا تابع alert در تست با Jest در React با استفاده از Typescript فراخوانی شده است؟

من یک المان انتخابی HTML با چند گزینه دارم که وقتی دکمه‌ای را فشار می‌دهم به سرور ارسال می‌شود. بسته به پاسخ، یک هشدار نمایش داده می‌شود. روش به این شکل است:

const sendOrder = async (json : string) => { const request = await fetchUrl(&

ادامه مطلب →

جاوااسکریپت - تکرار یک کامپوننت در React مانند *ngFor در Angular

در React، از تابع map داخل JSX برای تکرار روی آیتم‌ها استفاده می‌کنیم.

آیا ممکن است یک مؤلفه Repeat مانند *ngFor در Angular داشته باشیم؟

<Repeat for={[1, 2, 3]}> ... <Repeat for={[5, 6, 7]}> ... </Repeat> </Repeat>

ادامه مطلب →

reactjs - کتابخانه تست React fireEvent کار نمی‌کند/پاسخ یافت شد

من با استفاده از کتابخانه تست React و تابع fireEvent آن مشکل دارم. می‌خواهم کامپوننت خود و سبک آن را پس از هاور کردن تست کنم. اینجا کامپوننت من نوشته شده در TSX است:

import React from 'react' import { makeStyles } from '@material-ui/core' import Paper, { PaperProps } from '@material-ui/co

ادامه مطلب →

typescript - MapContainer در React-Leaflet با مقدار موقعیت جدید هنگام به‌روز رسانی state رندر نمی‌شود

من یک کاربر جدید لیفلت برای برنامه React مبتنی بر Typescript و Hook خود هستم. در برنامه من موقعیت جغرافیایی فعلی‌ام (عرض جغرافیایی، طول جغرافیایی) با استفاده از API موقعیت جغرافیایی مرورگر کروم گرفته می‌شود (من اجازه دسترسی به مرورگر را داده‌ام) و باید

ادامه مطلب →

javascript - چگونه می‌توان promise مربوط به Firestore را مستقیماً به یک پروکسی reactive() در Vue تبدیل کرد؟

با استفاده از Vue 3/Typescript، چگونه می‌توانم یک پرامیس FireStore که نتیجه آن یک آرایه از اشیاء است را به یک شیء پروکسی واکنشی با استفاده از map() تبدیل کنم؟

در این مورد، من نمی‌خواهم از forEach() یا Vuex استفاده کنم.

setup(){ ...

ادامه مطلب →

ری‌اکت جی‌اس - ری‌اکت متریال-یوآی چگونه TextFields را در تایپ‌اسکریپت ذخیره کنیم

چگونه می‌توانم یک ورودی را با TextField های Material-UI در تایپ‌اسکریپت ذخیره کنم. ایده من این بود که یک مقدار پیش‌فرض در TextField داشته باشم و با یک دکمه، مقدار جدید از کاربر ذخیره شود.

پاسخ شماره ۱

شما باید از onChange برای فیلدهای متنی استفاده کنید

ادامه مطلب →