Tengo un componente React simple que conecto (mapeando una matriz / estado simple). Para evitar hacer referencia al contexto de la tienda, me gustaría una forma de obtener "despacho" directamente de los accesorios. He visto a otros usar este enfoque pero no tienen acceso a esto por alguna razón...
Tengo un problema en el que la reproducción del estado causa problemas de interfaz de usuario y se sugirió que solo actualice un valor específico dentro de mi reductor para reducir la cantidad de reproducción en una página. este es un ejemplo de mi estado { name: "some name", subtitle: "some...
Tengo un reductor para Clientes, otro para AppToolbar y algunos otros ... Ahora digamos que creé una acción de recuperación para eliminar el cliente, y si falla, tengo un código en el reductor de Clientes que debería hacer algunas cosas, pero también quiero mostrar algún error global en...
Soy nuevo en React Router y descubro que hay muchas formas de redirigir una página: Utilizando browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Utilizando this.context.router.push("/path") class Foo extends...
Me doy cuenta de que esta es una pregunta básica, pero no tuve suerte para encontrar la respuesta en otro lugar. ¿Es store.dispatchsíncrono o asíncrono Redux? En caso de que sea asincrónico, ¿existe la posibilidad de agregar una devolución de llamada después de que la acción se haya propagado...
Tengo un componente que he creado: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; }...
Estoy tratando de crear un método de mapa de copia profunda para mi proyecto Redux que funcionará con objetos en lugar de matrices. Leí que en Redux cada estado no debería cambiar nada en los estados anteriores. export const mapCopy = (object, callback) => { return
Veo que las funciones mapStateToPropsy mapDispatchToPropsque se pasan a la connectfunción en Redux toman ownPropscomo segundo argumento. [mapStateToProps(state, [ownProps]): stateProps] (Function): [mapDispatchToProps(dispatch, [ownProps]): dispatchProps] (Object or Function): ¿Para qué...
En el capítulo sobre Diseño de la forma del estado , los documentos sugieren mantener su estado en un objeto codificado por ID: Mantenga todas las entidades de un objeto almacenadas con un ID como clave y utilice ID para hacer referencia a ellas desde otras entidades o listas. Continúan...
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,...
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...
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...
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...
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...
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...
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...
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...
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 })) }...
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 :
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...