useContext react
import React from 'react'
import ReactDOM from 'react-dom'
import { useContext } from 'react'
const konteks = React.createContext(null);
function components(){
return(
<konteks.Provider value="hello world">
<MyComponent />
</konteks.Provider>
);
}
function MyComponent(){
const getcontext = useContext(konteks);
return(
<div>{getcontext}</div>
);
}
const body = ReactDOM.createRoot(document.getElementById("body"));
body.render(<MyComponent/>);
I already know the use of useContext, where we can pass data to other components,But I'm still confused regarding the implementation and the code above doesn't work, where is the error?
import ReactDOM from 'react-dom'
import { useContext } from 'react'
const konteks = React.createContext(null);
function components(){
return(
<konteks.Provider value="hello world">
<MyComponent />
</konteks.Provider>
);
}
function MyComponent(){
const getcontext = useContext(konteks);
return(
<div>{getcontext}</div>
);
}
const body = ReactDOM.createRoot(document.getElementById("body"));
body.render(<MyComponent/>);
I already know the use of useContext, where we can pass data to other components,But I'm still confused regarding the implementation and the code above doesn't work, where is the error?
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
