Skip to main content
Se organiza la pregunta se define el codigo que no estaba visible, se agrega negrilla alas palabras de importancia
Origen Enlace

tengo un problema con reactreact y reduxredux. tengo un archivo llamado store.jsstore.js con el siguiente contenido:

y sus respectivos reducerreducer:

La cuestión es que en el archivo sotre.jssotre.js si yo formo al reducerreducer principal con el import <><<import currentItems>> en vez de <> (con una ese al final)<<currentItem>> (con una "s" al final):

la página no me carga el contenido, pero si lo formo con el archivo <><<currentItem>> si carga el contenido.

¿Que tiene que ver que el importimport del archivo sea así:
import currentItem from './reducers/currentItems';
y

import currentItem from './reducers/currentItems';

y no de esta forma
import currentItems from './reducers/currentItems';

import currentItems from './reducers/currentItems';

(llamadonllamado el importimport con una "s""s" al final del nombre)
para

para que funcione bien mi aplicación?

NotaNota: la demás parte de la aplicación está bien configurada y funciona, sólo que ahí cuando se importa el archivo con una "s""s" y se utiliza no carga la infoinformación y cuando se realiza sin la "s""s" si funciona normalmente

tengo un problema con react y redux. tengo un archivo llamado store.js con el siguiente contenido:

y sus respectivos reducer:

La cuestión es que en el archivo sotre.js si yo formo al reducer principal con el import <> en vez de <> (con una ese al final):

la página no me carga el contenido, pero si lo formo con el archivo <> si carga el contenido.

¿Que tiene que ver que el import del archivo sea así:
import currentItem from './reducers/currentItems';
y no de esta forma
import currentItems from './reducers/currentItems'; (llamadon el import con una "s" al final del nombre)
para que funcione bien mi aplicación?

Nota: la demás parte de la aplicación está bien configurada y funciona, sólo que ahí cuando se importa el archivo con una "s" y se utiliza no carga la info y cuando se realiza sin la "s" si funciona normalmente

tengo un problema con react y redux. tengo un archivo llamado store.js con el siguiente contenido:

y sus respectivos reducer:

La cuestión es que en el archivo sotre.js si yo formo al reducer principal con el <<import currentItems>> en vez de <<currentItem>> (con una "s" al final):

la página no me carga el contenido, pero si lo formo con el archivo <<currentItem>> si carga el contenido.

¿Que tiene que ver que el import del archivo sea así:

import currentItem from './reducers/currentItems';

y no de esta forma

import currentItems from './reducers/currentItems';

(llamado el import con una "s" al final del nombre)

para que funcione bien mi aplicación?

Nota: la demás parte de la aplicación está bien configurada y funciona, sólo que ahí cuando se importa el archivo con una "s" y se utiliza no carga la información y cuando se realiza sin la "s" si funciona normalmente

Origen Enlace

react-redux "s" en import afecta datos

tengo un problema con react y redux. tengo un archivo llamado store.js con el siguiente contenido:

import { createStore , combineReducers} from "redux"

//se importan los reducers
import results from './reducers/results';
import suggestions from './reducers/suggestions';
import currentItem from './reducers/currentItems';
import currentItems from './reducers/currentItems';



//variable principal que manejará a redux
const reducer = combineReducers({
    results,
    suggestions,
    currentItem
});

//creo el store
const store = createStore(reducer);

console.log("josejulian---",currentItems);

//exporto el módulo
export default store;

y sus respectivos reducer:

import { type as findCurrentItemType } from '../actions/findCurrentItems';
import items from '../../data/items';

const defaultState = [];

function reducer(state = defaultState, { type, payload }) {
    console.log("tipo de reducer: ", type);
    switch (type) {
        case findCurrentItemType: {
            console.log("SISISIS encontro");
            if (!payload) {
                return null;
            }

            console.log("SI: " , items.find(n => n.id === payload));

            return items.find(n => n.id === payload);
        }

        default:
            console.log("no encontro");
            return state;
    }
}
export default reducer;

export const type = 'findCurrentItem';

const findCurrentItem = (itemId) => ({
    type,
    payload: +itemId,
});

export default findCurrentItem;

La cuestión es que en el archivo sotre.js si yo formo al reducer principal con el import <> en vez de <> (con una ese al final):

//variable principal que manejará a redux
const reducer = combineReducers({
    results,
    suggestions,
    currentItems
});

la página no me carga el contenido, pero si lo formo con el archivo <> si carga el contenido.

¿Que tiene que ver que el import del archivo sea así:
import currentItem from './reducers/currentItems';
y no de esta forma
import currentItems from './reducers/currentItems'; (llamadon el import con una "s" al final del nombre)
para que funcione bien mi aplicación?

Nota: la demás parte de la aplicación está bien configurada y funciona, sólo que ahí cuando se importa el archivo con una "s" y se utiliza no carga la info y cuando se realiza sin la "s" si funciona normalmente