AnswerBun.com

Error en consola con los context de react

Stack Overflow en español Asked by Juan Cabello on December 6, 2020

Tengo un proyecto en react y quería hacer un context para las alertas, todo iba bien y de hecho en la consola de Visual Code no me da ningún error pero cuando abro la pestaña del navegador donde estoy trabajando tengo varios errores en la consola y no entiendo específicamente de que es ya que no dice exactamente, creo que es algo con los context pero no doy en mi error. Este es el error que me sale en la consola del navegador introducir la descripción de la imagen aquí todos los errores en el index.js:1

Este es mi context de Alerta

const AlertaState = (props) => {
    const initialState = {
        alerta: null,
    };

    const [state, dispatch] = useReducer(alertaReducer, initialState);

    //Funciones
    const mostrarAlerta = (msg, categoria) => {
        dispatch({
            type: MOSTRAR_ALERTA,
            payload: {
                msg,
                categoria,
            },
        });

        setTimeout(() => {
            dispatch({
                type: OCULTAR_ALERTA,
            });
        }, 5000);
    };

    return (
        <AlertaContext.Provider
            value={{
                alerta: state.alerta,
                mostrarAlerta,
            }}
        >
            {props.children}
        </AlertaContext.Provider>
    );
};

export default AlertaState;

Este es mi context

import { createContext } from "react";

const AlertaContext = createContext();

export default AlertaContext;

y acá mi APP

function App() {
    return (
        <ProyectoState>
            <TareaState>
                <AlertaState>
                    <Router>
                        <Switch>
                            <Route exact path="/" component={Login} />
                            <Route exact path="/nueva-cuenta" component={NuevaCuenta} />
                            <Route exact path="/proyectos" component={Proyectos} />
                        </Switch>
                    </Router>
                </AlertaState>
            </TareaState>
        </ProyectoState>
    );
}

Add your own answers!

Related Questions

Convertir los valores de un objeto JSON de BIN a BASE64

0  Asked on December 7, 2020 by isaac-suaste

         

Cómo resolver este problema en instalacion de foundation?

0  Asked on December 6, 2020 by elias-arias

 

¿Existe algo contrario a hover en css?

0  Asked on December 6, 2020 by petra

       

Error en consola con los context de react

0  Asked on December 6, 2020 by juan-cabello

 

¿Cómo crear un Dashboard?

0  Asked on December 5, 2020

       

DATETIME en MySQL no registra correctamente la fecha

1  Asked on December 4, 2020 by silvestre-silva

         

“mouseover” sobre td, dispara evento en tr en Javascript

0  Asked on December 3, 2020 by luis-rodriguez

 

Error de casting int ActionResult

1  Asked on December 3, 2020 by jhon-hernndez

       

¿Cómo detectar comentarios con delimitadores /* y */ en regex?

0  Asked on December 3, 2020 by luis-garcia

 

Como evitar que se refresque la pagina al presionar Submit?

1  Asked on December 2, 2020 by eraldocoil

 

Ask a Question

Get help from others!

© 2022 AnswerBun.com. All rights reserved. Sites we Love: PCI Database, MenuIva, UKBizDB, Menu Kuliner, Sharing RPP, SolveDir