Preguntas etiquetadas con react-redux

Tengo una acción que actualiza el estado de notificación de mi aplicación. Por lo general, esta notificación será un error o información de algún tipo. Necesito luego enviar otra acción después de 5 segundos que devolverá el estado de notificación al inicial, por lo que no hay notificación. La razón …

891 javascript  redux  react-redux  timeout 

Estaba leyendo la documentación de la biblioteca Redux y tiene este ejemplo: Además de leer el estado, los componentes del contenedor pueden enviar acciones. De manera similar, puede definir una función llamada mapDispatchToProps()que recibe el dispatch()método y devuelve los accesorios de devolución de llamada que desea inyectar en el componente …

358 reactjs  redux  react-redux 

Estoy creando una aplicación que necesita mostrar un diálogo de confirmación en algunas situaciones. Digamos que quiero eliminar algo, luego enviaré una acción como deleteSomething(id)para que algún reductor capture ese evento y llene el reductor de diálogo para mostrarlo. Mi duda surge cuando se presenta este diálogo. ¿Cómo puede este …

240 javascript  modal-dialog  redux  react-redux 

Estoy tratando de entender el método de conexión de react-redux y las funciones que toma como parámetros. En particular mapStateToProps(). Según tengo entendido, el valor de retorno de mapStateToPropsserá un objeto derivado del estado (como vive en la tienda), cuyas claves se pasarán a su componente de destino (al que …

219 javascript  reactjs  redux  react-redux 

La POSTsolicitud de axios está llegando a la url en el controlador pero estableciendo valores nulos para mi clase POJO, cuando reviso las herramientas de desarrollador en Chrome, la carga útil contiene datos. ¿Qué estoy haciendo mal? Solicitud POST de Axios: var body = { userName: 'Fred', userEmail: 'Flintstone@gmail.com' } …

204 reactjs  react-redux  axios  ajaxform  axios-cookiejar-support 

@connectfunciona muy bien cuando intento acceder a la tienda dentro de un componente de reacción. Pero, ¿cómo debo acceder a él en algún otro bit de código? Por ejemplo: digamos que quiero usar un token de autorización para crear mi instancia de axios que pueda usarse globalmente en mi aplicación, …

192 reactjs  redux  react-redux 

Cerrada . Esta pregunta está basada en la opinión . Actualmente no está aceptando respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que pueda ser respondida con hechos y citas editando esta publicación . Cerrado hace 2 años . Mejora esta pregunta Se lanzó React 16.3.0 y la API …

187 javascript  reactjs  redux  react-redux  react-context 

¿Cómo agrego elementos en mi matriz arr[]de estado redux en reductor? Yo estoy haciendo esto- import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) { case ADD_ITEM: return { ...state, arr: state.arr.push([action.newItem]) } default: return state } }

140 react-native  redux  react-redux 

Soy un principiante javascript / redux / react construyendo una pequeña aplicación con redux, react-redux, y react. Por alguna razón, cuando uso la función mapDispatchToProps junto con connect (react-redux vinculante) recibo un TypeError que indica que el despacho no es una función cuando intento ejecutar el accesorio resultante. Sin embargo, …

124 javascript  reactjs  redux  react-redux 

¿Cómo accedo al estado redux dentro de una función de saga? Respuesta corta: import { select } from 'redux-saga/effects'; ... let data = yield select(stateSelectorFunction);

121 javascript  reactjs  redux  react-redux  redux-saga 

Siendo un principiante en el mundo React, quiero comprender en profundidad qué sucede cuando uso {this.props.children}y cuáles son las situaciones para usar el mismo. ¿Cuál es su relevancia en el siguiente fragmento de código? render() { if (this.props.appLoaded) { return ( <div> <Header appName={this.props.appName} currentUser={this.props.currentUser} /> {this.props.children} </div> ); } …

118 javascript  reactjs  react-redux  frontend 

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é sirve el [ownprops]argumento opcional ? Estoy buscando un ejemplo adicional para aclarar las cosas, ya que ya hay uno en los …

95 redux  react-redux 

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 

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 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