reactjs - Redux რედიუსერის საწყისი მდგომარეობა Typescript-თან ერთად
მინდა შევქმნა რედიუსერი TypeScript-ში!
paymentReducer.tsx
let initialState = { saved: [], }; export interface Payment { saved: ISavedPayment[]; } export let payment = ( state = initialState, { type, payload }: PaymentActions ): Payment => { switch (type) { Წაიკითხე მეტი →გენერიკები - redux-toolkit createAction() ტიპის განსაზღვრა TypeScript-ში
მე ბოლო დროს ვათვლი redux-toolkit ბიბლიოთეკას, მაგრამ პრობლემას ვაწყდები createAction ფუნქციის ტიპის დეკლარაციასთან, როგორც მოცემულია ქვემოთ.
createAction აბრუნებს PayloadActionCreator-ს, რომელსაც აქვს გენერიკი <ReturnType<PA>['payload'], T, PA>. თუმცა, რას ნიშნავს ReturnType<PA>['payload']?
export declare function createAction<PA extends PrepareAction<any>, T ex Წაიკითხე მეტი →reactjs - React - ხელმეორედ გამოყენებადი Redux hook-ის სლაისის პრობლემა (Redux Toolkit, Typescript)
მე ვცდილობ რამდენიმე hook-ის შექმნას, რათა მივიღო Redux სტორის ნაწილი ისე, რომ სტორი პირდაპირ ვერ მოახდინოს წვდომა ან რაიმე შედეგი დააბრუნოს.
თუ მე useSelector პირდაპირ კომპონენტში გამოვიყენებ, ყველაფერი შესანიშნავად მუშაობს და უაზროდ არ ხდება გადატვირთვა:
*** Modal.ts Წაიკითხე მეტი →typescript - ვერ გადაცემდე მნიშვნელობას mergeMap-ის შემდეგ Redux Observable-თან
მე მაქვს ზუსტად ასეთი საბაზისო კოდი ქვემოთ (სრულიად ფუნქციური), რომელიც თქვენ აქ ასევე შეგიძლიათ ნახოთ:
https://stackblitz.com/edit/typescript-mergemap-deprecated?file=index.ts
import { merge, of } from "rxjs"; import { mergeMap, map, tap } from "rxjs/operators"; const loadQuestion = () => new Promise(resolve => resolve({ title: 'How are you?', options: [ 'Excellent', 'Good', 'Bad' ], })) ; const action$ = of({ payload: { event Წაიკითხე მეტი →reactjs - საფუძვლიანი redux კონცეფცია - როგორ აწარმოონ reducers აქციებით
ხრიკების გასაგებად გაითვალისწინეთ ეს ორი რედიუსერი (ჩაწერილია TypeScript-ში):
export type userActionTypes = | Interface1 | Interface2 const initialState1 = {...//some state} //<--comment indicates some sort of values are present const initialState2 = {...//some state} co Წაიკითხე მეტი →reactjs - როგორ განვახორციელოთ API ზარი redux-თან ერთად?
მიმინანლებამდე ვსწავლობ react-redux-ს. ახლა ცოტა შემექმნა პრობლემა, როგორ შემიძლია განვახორციელო api call.
აქ არის ჩემი action.ts
export const fetchEvent = () => async ( dispatch: Dispatch ) => { dispatch({ type: ActionTypes.FETCH_EVENT_REQUEST }); try { const response = await axios.g Წაიკითხე მეტი →reactjs - Redux + typescript: როგორ განხორციელდეს `injectReducer`?
მე ვმუშაობ TypeScript React აპლიკაციაზე, რომელიც იყენებს Redux-ს მდგომარეობის მართვისთვის.
რედიუსერების დინამიურად დამატებისთვის, Redux-მა გირჩია განხორციელდეს injectReducer ფუნქცია.
მე ამას გავაკეთე Javascript პროექტში, მაგრამ ვერ ვხვდებოდი, როგორ გაეკეთებინა ეს TypeScript–ით.
ყოველი რჩ
Წაიკითხე მეტი →reactjs - Redux toolkit createAsyncThunk-ის გამოყენებით და typescript-ის შეცდომების დამუშავება
მე რამდენჯერმე გადავიკითხე დოკუმენტაცია და ვერ ვპოულობ შეცდომას, რომელიც მხდევს დამთრგუნველად.
რემ ოჯახით მე უნდა დავანიშნო შეცდომის ტიპი getAccounts და accountsSlice-ში, მიუხედავად იმისა, რომ დოკუმენტაციაში ეწერა, რომ ეს არ უნდა გამეკეთებინა, თუ გა
Წაიკითხე მეტი →reactjs - redux აქტციის ტიპს აქვს ოფციონალური payload თვისება - typescript გედავება რედიუსერის შიგნით
მე მაქვს შემდეგი redux მოქმედების ტიპი ჩემს react-ts პროექტში
type DataItem = { id: string country: string population: number } type DataAction = { type: string, payload?: DataItem }მაქვს არჩევითი payload
Წაიკითხე მეტი →ჯავასკრიპტი - რეაქტ რედუქსი რედიუსერის იმპორტი დისპაჩი
მეც ვცდილობ გავყვე counter მაგალითს react-redux თემპლეტში, მაგრამ ვერ ვახერხებ ჩემს საკუთარ setOwner reducer-ის ექსპორტს.
ownerSelector.tsx:
export const ownerSlice = createSlice({ name: 'owner', initialState, reducers:{ setOwner: (state) => { //Export this reducer l Წაიკითხე მეტი →