Estoy tratando de obtener state y establecer el estado del setState de la Store , pero no estoy undefined . ¿Qué sucede y cómo solucionarlo?
import React, {createContext, useState} from 'react' import Header from './Header' export const Data = createContext() function Store() { const [state, setState] = useState(false) const value = {state, setState} return ( <Data.Provider value={value}> <Header/> </Data.Provider> ) } export default Store import React, { useContext} from "react"; import { Data } from "./Store"; function Header() { const Store = useContext(Data) console.log(Store) // I get undefined return ( <div> </div> ); } export default Header;Está creando Store , pero nunca lo llama, ese es el problema. Envuelva el componente de la App dentro de la Store y funcionaría. Ejemplo de trabajo de su enlace aquí .
índice.js:
import { StrictMode } from "react"; import { createRoot } from "react-dom/client"; import Store from "./store"; import App from "./App"; const rootElement = document.getElementById("root"); const root = createRoot(rootElement); root.render( <StrictMode> <Store> <App /> </Store> </StrictMode> );