API de contexto em react.js
// In App.js
<NoteState>
components where you want to use this context which you created
</NoteState>
// In NoteContext.js
import { createContext } from "react";
const NoteContext = createContext();
export default NoteContext;
// In NoteState.js or whatever name you want to give
import NoteContext from "./NoteContext";
const NoteState = (props)=>{
// you can also pass state here also or functions also
const user = {
name: "Gourav Khurana",
age: 19,
caast: "General"
}
return (
<NoteContext.Provider value={user}>
{props.children}
</NoteContext.Provider>
)
}
export default NoteState;
This is all about Context API how to create it and add it to Components
Now how to use it in the Components :-
import React, { useContext } from 'react';
import NoteContext from "../contexts/notes/NoteContext";
const About = () => {
const contextValue = useContext(NoteContext);
return (
you can simply use here.
)
}
export default About
Coding is fun