Preguntas etiquetadas con redux

Estoy trabajando en un proyecto en React y me encontré con un problema que me dejó perplejo. Cada vez que corro yarn startme sale este error: TypeError [ERR_INVALID_ARG_TYPE]: el argumento "ruta" debe ser de tipo cadena. Tipo recibido indefinido No tengo idea de por qué está sucediendo esto, si alguien …

93 javascript  reactjs  redux  visual-studio-code  yarnpkg 

Estoy rompiendo todo el ejemplo de Redux para tratar de entenderlo. Leí que mapDispatchToPropste permite mapear acciones de despacho como accesorios, así que pensé en reescribir addTodo.jspara usar mapDispatchToProps en lugar de llamar a dispatch (addTodo ()). Lo llamé addingTodo(). Algo como esto: import React from 'react'; import {connect} from …

92 javascript  reactjs  redux  react-redux 

Por lo que sé y corregirme si me equivoco, redux-thunk es un middleware que nos ayuda a distribuir funciones asíncronas y depurar valores en la acción misma, mientras que cuando usé redux-promise no podía crear funciones asíncronas sin implementar la mía propia mecanismo como Action lanza una excepción de despachar …

92 reactjs  redux  redux-thunk  redux-promise 

El primer principio de la documentación de Redux es: El estado de toda su aplicación se almacena en un árbol de objetos dentro de una sola tienda. Y de hecho pensé que comprendo bien todos los principios. Pero ahora estoy confundido sobre qué significa la aplicación. Si la aplicación significa …

92 reactjs  redux  flux 

Los documentos de Redux para bindActionCreators establecen que: El único caso de uso bindActionCreatorses cuando desea pasar algunos creadores de acciones a un componente que no conoce Redux, y no desea pasarle el envío o la tienda de Redux. ¿Cuál sería un ejemplo donde bindActionCreatorsse usaría / necesitaría? ¿Qué tipo …

91 reactjs  redux  react-redux 

Estoy trabajando en un proyecto con Typescript, React y Redux (todos ejecutándose en Electron), y me he encontrado con un problema cuando incluyo un componente basado en clases en otro y trato de pasar parámetros entre ellos. Hablando libremente, tengo la siguiente estructura para el componente contenedor: class ContainerComponent extends …

91 reactjs  typescript  redux  electron  jsx 

Estoy tratando de separar un componente de presentación de un componente de contenedor. Tengo un SitesTabley un SitesTableContainer. El contenedor es responsable de desencadenar acciones redux para buscar los sitios apropiados según el usuario actual. El problema es que el usuario actual se recupera de forma asincrónica, después de que …

90 reactjs  redux  react-redux 

Normalmente publico cosas relacionadas con el código en Stack, pero esta es más una pregunta sobre cuáles son los pensamientos generales de la comunidad. Parece que hay mucha gente que defiende el uso de Redux con React para administrar datos / estado, pero mientras leía y aprendía ambos, me encontré …

90 javascript  reactjs  redux 

Digamos que tengo una simple palanca: Cuando hago clic en el botón, el componente Color cambia entre rojo y azul Podría lograr este resultado haciendo algo como esto. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } reducer.js switch(){ case 'CHANGE_COLOR': …

89 javascript  reactjs  redux 

Estoy luchando por resolver el problema con la siguiente sintaxis: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } …

89 javascript  reactjs  async-await  redux 

Tengo pruebas unitarias para mi reducers. Sin embargo, cuando estoy depurando en el navegador, quiero comprobar si mis acciones se han llamado correctamente y si el estado se ha modificado en consecuencia. Estoy buscando algo como: window._redux.store ... en el navegador para poder escribir eso en la consola y comprobar …

88 javascript  reactjs  redux 

Probablemente me esté perdiendo algo muy obvio y me gustaría aclararme. Aquí está mi comprensión. En un componente de reacción ingenua, tenemos states& props. La actualización statecon setStatevuelve a renderizar todo el componente. propsen su mayoría son de solo lectura y actualizarlos no tiene sentido. En un componente de reacción …

86 reactjs  redux  react-redux 

En React, el estado no se actualiza instantáneamente, por lo que podemos usar la devolución de llamada en setState(state, callback). ¿Pero cómo hacerlo en Redux? Después de llamar al this.props.dispatch(updateState(key, value)), necesito hacer algo con el estado actualizado inmediatamente. ¿Hay alguna forma de llamar a una devolución de llamada con …

86 javascript  reactjs  redux 

Tengo un reductor, y para calcular el nuevo estado necesito datos de la acción y también datos de una parte del estado no administrada por este reductor. Específicamente, en el reductor que mostraré a continuación, necesito acceso al accountDetails.stateOfResidenceIdcampo. initialState.js: export default { accountDetails: { stateOfResidenceId: '', accountType: '', accountNumber: …

86 javascript  reactjs  redux 

El estado inicial en una aplicación Redux se puede configurar de dos maneras: pasarlo como segundo argumento a createStore( enlace de documentos ) páselo como primer argumento a sus (sub) reductores ( enlace de documentos ) Si pasa el estado inicial a su tienda, ¿cómo lee ese estado de la …

85 javascript  reactjs  redux