reactjs - Initiële staat verkrijgen met Redux in TypeScript

Ik heb het moeilijk met TypeScript, vooral met Microsofts dotnet new react-redux.

Ik probeer bij het opstarten een actie aan te roepen om te achterhalen of een gebruiker is ingelogd of niet, maar TypeScript vindt het niet goed en ik begrijp de fout niet.

Hier is de lay-outcode:

import * as React from "react"; import { NavMenu } from "./NavMenu"; import { connect } from "react-redux"; import * as AuthStore from "../store/Auth"; type LayoutProps = typeof AuthStore.act

Lees verder →

typescript - Dynamische formuliernamen met redux-form

Ik heb een formuliercomponent gemaakt met behulp van redux-form.

Ik gebruik de reduxForm() HOC om de formuliercomponent te verbinden met de redux-form redux store.

Als onderdeel daarvan moet ik een naam opgeven voor het formulier dat fungeert als een ID waaronder redux-form de formuliergegevens opslaat.

export const ContactAddEditForm = ReduxForm.reduxForm<FormData, Props>({ form: "contactAddEdit" })(ContactAddEdit);

In het bove

Lees verder →

javascript - Redux - Master/Detail statusstructuur

Momenteel heb ik een statusvorm zoals deze voor mijn master-detailweergave

paychecks: { summary: {}, details: {}, };

Waar samenvatting een array van items bevat en details de details zouden bevatten voor elk item dat wordt opgehaald van de API.

Mappenstructuur

/paychecks index.js /summary actions.js reducers.js index.js /details actions.js reducers.js index.js

In mijn weergaven heb ik twee aparte scher

Lees verder →

javascript - Redux-form's dispatch en typescript

Momenteel kwam ik een probleem tegen met het correct typen van de dispatch-functie in redux-form.

De onSubmit-functie van redux-form accepteert twee argumenten:

const onSubmit = (values, dispatch) => {...};

Het is echter niet precies dezelfde dispatch als deze van redux.

Ik bedoel, het verliest typeaanduidingen. Ik kan het typen zoals ik wil en TypeScript zal geen fouten geven, bijvoorbeeld

Lees verder →

reactjs - react-i18next react-redux en TypeScript

Dus... ik moet een redux connect doen van een i18n vertaald component met TypeScript. Het probleem is dat de types helemaal gek worden!

interface Props extends InjectedTranslateProps { page: number; } interface StoreData { count: number; } const BookComponent = ({ page, count }: Props & StoreData) => { ... } const translatedComponent = translate(['books'])(BookComponent ); function mapStateToProps(state: Store): StoreData { return { count: state.count };

Lees verder →

reactjs - Hoe toegang krijgen tot een asynchrone functie vanuit een Redux Action die is doorgegeven aan Redux Thunk?

Ik probeer code te refactoren van Javascript React naar Typescript React.

Ik heb hier een actie die een API-aanroep uitvoert en een functie retourneert met dispatch

Mijn UserActions.ts bestand ziet er zo uit

export const

Lees verder →

ontwerppatronen - Redux/typescript selectors voor optionele waarden beste praktijken?

Dus ik heb een sleutel in mijn redux-state roomId die slechts een korte tijd undefined is. Daarna zal het altijd gedefinieerd zijn.

Het probleem is nu dat mijn toestand er zo uitziet:

interface State { roomId?: string; }

En mijn selector

export const getRoomId(state: State) => state.roomId;

Maar het probleem is dat ik in al mijn code moet controleren of de roomId die door de selector wordt terugge

Lees verder →

javascript - Fout bij het samenstellen van functies in redux na update naar de nieuwste versie van react en material ui

Mijn app werkte goed totdat ik mijn material ui en react pakketten bijwerkte en plotseling begon ik de volgende foutmelding te krijgen

src/App.tsx (156,45): Type '{}' does not satisfy the constraint ComponentType<never>. Type '{}' is not assignable to type StatelessComponent<never>.

Regel 156 van mijn App.tsx is zoals ik hieronder laat zien:

export default (withRoot(withStyles(styles)<{}>(conne

Lees verder →

javascript - Kan het type-definitiebestand voor 'redux-logger' niet vinden fout in tsconfig.json

Ik werk in een React-toepassing met TypeScript en Redux. Ik heb verschillende npm-pakketten bijgewerkt, waaronder het typescript-pakket en nu toont het tsconfig.json (TypeScript-compilerconfiguratiebestand) mij de volgende fout:

Kan het type-definitiebestand voor 'redux-logger' niet vinden

Ik heb geprobeerd dat probleem hier en op Google te zoeken, maar ik kon niet vinden wat ik moet opnemen in de tsconfig.json. Dit is de inhoud v

Lees verder →

javascript - Stateful Component met Typescript en react-redux: Argument van type 'typeof MyClass' is niet toewijsbaar aan parameter van type Component

Ik probeer aan de slag te gaan met Typescript in combinatie met React en Redux.

Maar ik heb op dit moment moeite.

Ik kreeg deze fout:

..>, callback?: (() => any)...'. Typen van parameters 'f' en &apo

Lees verder →