useContexthookreact1
context folder: 1:ThemeContext.js import React from "react" ; const ThemeContext = React . createContext () export default ThemeContext ; 2:ThemeContextProvider.js import { useContext , useState } from 'react' ; import ThemeContext from './ThemeContext' ; export default function ThemeContextProvider ({ children }) { // const level = useContext(UserContext); const [ state , setState ] = useState ( 'red' ); return ( < ThemeContext.Provider value = { { state , setState } } > { children } </ ThemeContext.Provider > ); } 3:componet folder A:Component1.jsx import React ,{ useState , useContext } from 'react' import ThemeContext from '../assets/context/ThemeContext' ; export default function Component1 () { const { setState } = useContext ( ThemeContext ); const handleSubmit = ( e ) => ...