javascript - Spread ოპერატორი არ მუშაობს setState-თან (React, Typescript & Material-ui)
მე მივუშენე კასტომური Snackbar კომპონენტი React-ში Material-ui-ს (და Typescript-ის) გამოყენებით. მე მჭირდებოდა გაგება, როგორ მუშაობს spread ოპერატორი და await. (მაგალითი აქ: https://codesandbox.io/s/gifted-hopper-tkkpi?file=/src/App.tsx:1311-1380)
სრული კოდი:
Წაიკითხე მეტი →reactjs - დაცული მარშრუტები React-Ionic აპში Firebase ავტორიზაციის კონტექსტის გამოყენებით
მეც შევეცადე შევქმნა კონტექსტი Firebase აუთენთიკაციისთვის React-Ionic აპში, რამდენიმე დაცული რუტით, რომლებსაც ვერ მიიღებთ აუთენთიკაციის გარეშე. ამ დრომდე ეს რაღაც დონეზე მუშაობს, მაგრამ სრულად არა. შემიძლია შესვლა პრობლემების გარეშე და გადასვლა გვერდებზე დაცული რუტებით, მაგრამ როგორც კი
Წაიკითხე მეტი →reactjs - შეუძლებელია TextField-ის სტეიტის undefined-ად აღნიშვნა React hook-ის გამოყენებით
მინდა, რომ TextField-ისთვის საწყისი მდგომარეობა იყოს undefined, სანამ მომხმარებელი არ შეირჩევს თარიღს, და შემდეგ მომხმარებელს ჰქონდეს შესაძლებლობა მარტივად დააბრუნოს თარიღი ისევ undefined-მდე.
შემდეგ კოდში, ღილაკი Reset სწორად აღადგენს pa
Წაიკითხე მეტი →javascript - როგორ შემიძლია გვერდის გადასვლის შექმნა preact-თან ერთად
მე ვცდილობ გვერდის გადასვლის მიღებას preact-router-ით, მე უკვე ვცადე preact-transition-group პაკეტი preact-css-transition-group პაკეტთან ერთად, რაც მომცემს შეცდომას, ასე თუ ისე, ნება მიბოძეთ გიჩვენოთ ჩემი ბაზის კონფიგურაცია:
import { h, FunctionComponent } from 'preac Წაიკითხე მეტი →თაიპსკრიპტის შეცდომა ReactJS ტესტებში React Testing Library-სთან
მე ვიყენებ ReactJS-ს, Material UI-ს და Typescript-ს. მინდა შევამოწმო ჩემი მენიუ - უნდა გამოჩნდეს შემდეგ ყოველთვის, როცა ვაწკაპუნებ ღილაკზე, რომლის ლეიბელია Location. ახალ მენიუში უნდა იყოს Location 1 ელემენტი.
describe('<LocationsMenu />', () => Წაიკითხე მეტი →javascript - React-ში რა განსხვავებაა ფუნქციური კომპონენტის გამოყენებასა და უბრალოდ ფუნქციის გამოყენებას შორის, რომელიც აბრუნებს React ნოდს?
მაინტერესებს, მუშაობს თუ არა კოდის ამ ორი დამუშავების მეთოდი ერთნაირად.
ჩემთვის უფრო მარტივად ჩანს უბრალოდ ჩვეულებრივი ფუნქციის შექმნა, რომელიც აბრუნებს React node-ს. ის ასევე შეიძლება აბრუნებდეს Array-ს React nodes
Წაიკითხე მეტი →javascript - ახალი JSX ტრანსფორმაცია. React 16.14, Typescript 4.1.0-beta და react-scripts 4.0.0-next.98 არ მუშაობს
შეფასებულია საფუძველზე https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html#removing-unused-react-imports
ჩემი package.json
"react": "^16.14.0", "react-dom": "^16.14.0", "react-scripts": "4.0.0-next.98", "typescript": "^4.1.0-beta",ფაილში package.json
"eslintConfig": { "extends": [ Წაიკითხე მეტი →javascript - როგორ გამოვიყენოთ ცვლადი __DEV__ ReactJs-ში ისე, როგორც react-native-ში?
ჩემი react-native პროექტებში მე ვხმარობ გლობალურ ცვლადს __DEV__ და მსურს მსგავსი რამ გამოვიყენო ჩემს Typescript reactJs პროექტში, მაგრამ როცა ვცდილობ მისი გამოყენებას, ამ შეცდომას ვიღებ:
ReferenceError: __DEV__ is not definedროგორ μποაა მივაღწიო ამას
Წაიკითხე მეტი →reactjs - React Typescript ფუნქციონალური კომპონენტი ფუნქციის დანიშვნის გარეშე
მე შემხვდა ეს კოდი FormWithRedirect განსაზღვრელად როგორც FC(FunctionComponent):
declare const FormWithRedirect: FC<FormWithRedirectProps>; export declare type FormWithRedirectProps = FormWithRedirectOwnProps & Omit<FormProps, 'onSubmi Წაიკითხე მეტი →redux thunk - TypeScript, react ტესტირების დროს AnyAction-ში ტიპი აკლია
მაქვს ეს შეცდომა:
TS2345: Argument of type '(dispatch: Dispatch) => Promise<void>' is not assignable to parameter of type 'AnyAction'. Property 'type' is missing in type '(dispatch: Dispatch) => Promise<void>' but required in type 'AnyAction'. type' is declared here* : Წაიკითხე მეტი →