javascript - Como se pode aceder ao store do redux a partir de uma função auxiliar que não é um componente?
Tenho uma função auxiliar que chamo quando quero eliminar algo do meu store Redux. No entanto, preciso ser capaz de aceder ao store atual dentro da função para decidir o que fazer a seguir. Aqui está o que quero fazer:
export function deleteDocument (id) { th Ler mais →javascript - React Redux Fetch action retornando "415 (Tipo de Media Não Suportado)" e "401 (não autorizado)"
Tenho uma ação que cria um fetch para enviar um cliente de volta para a API através de POST.
Envio um JWT nos "headers" que por si só não é o problema, pois também é usado num GET que funciona perfeitamente... mas não num POST. Aqui está a minha ação:
export const createNewClient = (payload) => (dispatch, getState) => { dispatch({ type: REQUEST_CREATE_NEW_CLIENT, payload }) const jwt = getJwt() if (!jwt) { throw new Error('No JWT presen Ler mais →javascript - React-Redux/Jest Violação de Invariante: Não foi possível encontrar "store"
Tenho um ficheiro de teste simples configurado que é quase idêntico ao usado pelo create-react-app:
App.test.js
import React from 'react'; import ReactDOM from 'react-dom'; import { App } from './App'; it('renders without crashing', () => { const div = doc Ler mais →javascript - Como é que o Redux altera a interface de utilizador no React?
Tenho tentado arduamente compreender este conceito, mas sem sucesso. O tutorial oficial do React é realmente bom, mas para mim é demasiado complexo e simplesmente um pouco demasiado difícil.
Estou a tentar entender o Redux e, até agora, consigo criar ações, reducers, posso despachar uma ação e depois ver como o estado do store muda após de
Ler mais →javascript - Devo capturar erros de promessa do Redux no dispatch ou apenas tratá-los no reducer?
Portanto, basicamente estou a despachar uma ação com thunk e redux-promise-middleware, que faz uma chamada à API que retorna uma promessa. Em seguida, envio a promessa retornada para outro criador de ação como argumento 'payload', que funciona com o red
Ler mais →javascript - Testar uma ação redux
Estou a tentar implementar o jest com as nossas acções do redux. Dada a seguinte acção foo e o teste seguinte, o teste está a falhar porque store.getActions() está apenas a devolver-me [{"type": "ACTION_ONE"}] em vez de [{"type": "ACTION_ONE"}, {"type": "ACTION_TWO"}]. Como é que consigo obter ambas as acções despachadas durante
Ler mais →javascript - React Redux connect() com Redux thunk
Tenho um problema ao usar Redux thunk com o método connect() do react-redux. Tenho o seguinte código:
function Component(props) { return ( <button onClick={props.callback}>Click here</button> ); } function actionCreator() { console.log('#1'); return dispatch => console.log( Ler mais →javascript - redux-form onSubmit atualiza a página
Sou novo no redux-form e estou a ter um problema estranho ao lidar com o onSubmit.
Quando configuro o meu projeto exatamente como no exemplo do redux-form aqui http://redux-form.com/6.7.0/examples/syncValidation/ funciona como esperado. Tentei estender este exemplo para as minhas necessidades e confirmei que funciona como esperado quando
Ler mais →javascript - Redux + Typescript -> Erro: Um case reducer num valor não rascunhável não deve retornar undefined redux
Estou a tentar importar TypeScript na minha aplicação Redux. Uso a função createSlice do Redux Toolkit assim:
const slice = createSlice({ name: sliceName, initialState, reducers: { updateMode(state: SliceState, action: PayloadAction<ModeP Ler mais →reactjs - Aplicação simples React+Redux causa "AVISO: O último argumento passado para useMemo mudou de tamanho entre renderizações." a cada alteração de estado
Criei uma aplicação muito simples em react+redux, mas com qualquer ação despachada, recebo 7 avisos no console do navegador sobre incompatibilidade nos argumentos do useMemo. A seguir está o primeiro:
Warning: The final argument pas Ler mais →