Preguntas etiquetadas con redux

Estoy tratando de enviar una solicitud GET como segundo parámetro, pero no funciona mientras lo hace como url. Esto funciona, $ _GET ['naam'] devuelve la prueba: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: …

121 reactjs  react-native  redux  axios 

Estoy creando una aplicación que deberá estar disponible en varios idiomas y configuraciones regionales. Mi pregunta no es puramente técnica, sino más bien sobre la arquitectura y los patrones que la gente está utilizando en la producción para resolver este problema. No pude encontrar ningún "libro de cocina" para eso, …

119 architecture  internationalization  reactjs  translation  redux 

Sé que se supone que no debo mutar la entrada y debo clonar el objeto para mutarlo. Estaba siguiendo la convención utilizada en un proyecto de inicio redux que usaba: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date }) para agregar un elemento: obtengo el uso de …

116 javascript  reactjs  redux 

Sé que Redux es una mejor "implementación" de Flux, o mejor dicho, es un rediseño para simplificar las cosas (administración del estado de la aplicación). He escuchado mucho sobre la programación reactiva (RxJS), pero aún no me he sumergido para aprenderlo. Entonces mi pregunta es: ¿hay alguna intersección (algo en …

113 javascript  rxjs  redux 

¿Debería usar alguna vez this.setState()al usar redux? ¿O debería estar siempre enviando acciones y confiando en los accesorios?

111 reactjs  flux  redux 

Cerrado . Esta pregunta debe estar más enfocada . Actualmente no acepta respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que se centre en un solo problema editando esta publicación . Cerrado hace 3 años . Mejora esta pregunta Soy nuevo en React / Redux. Utilizo un middleware fetch …

107 javascript  reactjs  redux 

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 :) …

107 javascript  reactjs  redux 

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

106 javascript  reactjs  redux 

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 AppToolbar. Pero …

105 javascript  reactjs  redux 

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 React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { router: …

102 reactjs  redux  react-router 

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

101 javascript  reactjs  redux  single-page-application 

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; } renderPlaylists(playlists) { return playlists.map(playlist => { return <div key={playlist.playlist_id} onClick={this.activatePlaylist(playlist.playlist_id)}>{playlist.playlist_name}</div> }); } } function mapStateToProps(state) { return { …

100 javascript  reactjs  redux 

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 Object.keys(object).reduce(function (output, key) { …

99 javascript  ecmascript-6  redux  spread-syntax 

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 

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 …

94 javascript  redux  spread-syntax