javascript - Ako môžete pristupovať k úložisku Reduxu z pomocnej funkcie, ktorá nie je komponentom?
Mám pomocnú funkciu, ktorú volám, keď chcem niečo zmazať z môjho Redux úložiska. Avšak potrebujem mať možnosť pristúpiť k aktuálnemu úložisku vo vnútri funkcie, aby som mohol rozhodnúť, čo urobiť ďalej. Tu je to, čo chcem urobiť:
export function deleteDocument (i Čítaj viac →javascript - React Redux Fetch akcia vracajúca „415 (Nepodporovaný typ médií)“ a „401 (neautorizovaný)“
Mám akciu, ktorá vytvára fetch na odoslanie klienta späť do API pomocou POST.
Posielam JWT v "hlavičkách", čo samo o sebe nie je problém, keďže sa používa aj v GET, ktorý funguje úplne v poriadku... ale nie v POST. Tu je moja akcia:
export const createNewClient = (payload) => (dispatch, getState) => { dispatch({ type: REQUEST_CREATE_NEW_CLIENT, payload }) const jwt = getJwt() if (!jwt) { throw new Error('No JWT present') } const Čítaj viac →javascript - React-Redux/Jest Porušenie invariantov: Nepodarilo sa nájsť "store"
Mám nastavený jednoduchý testovací súbor, ktorý je takmer identický s tým, ktorý používa create-react-app:
App.test.js
import React from 'react'; import ReactDOM from 'react-dom'; import { App } from './App'; it('renders without crashing', () => { const di Čítaj viac →javascript - Ako Redux mení používateľské rozhranie v Reacte?
Snažil som sa tvrdo pochopiť tento koncept, ale bez úspechu. Oficiálny tutoriál Reactu je naozaj dobrý, ale pre mňa je príliš zložitý a jednoducho trochu príliš ťažký.
Snažím sa pochopiť Redux a doteraz viem vytvárať akcie, reducery, môžem odoslať akciu a potom vidieť, ako sa stav store po jej odoslaní zmení. Podarilo sa mi tiež pochopiť
Čítaj viac →javascript - Mám zachytávať chyby sľubov Redux pri dispatch alebo ich len riešiť v reduceri?
Takže v podstate odosielam akciu pomocou thunk a redux-promise-middleware, ktorá robí API volanie, ktoré vracia sľub. Potom odosielam vrátený sľub do iného tvorcu akcií ako argument 'payload', ktorý funguje s redux-promise-middleware a spracúva rôzne ak
Čítaj viac →javascript - Testovanie redux akcie
Snažím sa implementovať jest s našimi redux akciami. Vzhľadom na nižšie uvedenú akciu foo a jej nasledujúci test, nasledujúci test zlyháva, pretože store.getActions() mi vracia iba [{"type": "ACTION_ONE"}], namiesto [{"type": "ACTION_ONE"}, {"type": "ACTION_TWO"}]. Ako môžem získať obe odoslané akcie pri testovaní? Ďakujem!
Čítaj viac →javascript - React Redux connect() s Redux thunk
Mám problém pri používaní Redux thunk s metódou connect() z react-redux. Mám nasledovný kód:
function Component(props) { return ( <button onClick={props.callback}>Click here</button> ); } function actionCreator() { console.log('#1'); return dispatch => console.log('#2'); // Čítaj viac →javascript - redux-form onSubmit obnovuje stránku
Som nový v redux-form a mám zvláštny problém s riešením onSubmit.
Keď som nastavil svoj projekt presne ako v príklade redux-form tu http://redux-form.com/6.7.0/examples/syncValidation/, funguje to podľa očakávania. Pokúsil som sa tento príklad rozšíriť pre svoje potreby a potvrdil som, že funguje podľa očakávania, keď načíta formulár nas
Čítaj viac →javascript - Redux + Typescript -> Chyba: Case reducer na hodnotu, ktorú nie je možné upravovať, nesmie vracať undefined redux
Snažím sa importovať TypeScript do mojej Redux aplikácie. Používam funkciu createSlice z Redux Toolkit takto:
const slice = createSlice({ name: sliceName, initialState, reducers: { updateMode(state: SliceState, action: PayloadAction<ModeP Čítaj viac →reactjs - Jednoduchá aplikácia React+Redux spôsobuje „UPOZORNENIE: Posledný argument odovzdaný do useMemo zmenil veľkosť medzi renderovaniami.“ pri každej zmene stavu
Vytvoril som veľmi jednoduchú aplikáciu react+redux, ale pri každom odoslaní akcie dostávam v konzole prehliadača 7 upozornení týkajúcich sa nezhody v argumentoch useMemo. Nižšie je prvé z nich:
Warning: The final argument passed to Čítaj viac →