const MyContext = React.createContext();
const MyProvider = (props) => {
const [state, setState] = useState({name: 'John', age: 30});
return (
{props.children}
)
}
const MyComponent = () => {
return (
{({state, setState}) => (
Name: {state.name}
Age: {state.age}
)}
)
}
export default React.memo(MyComponent);
const MyContext = React.createContext();
const MyProvider = (props) => {
const [state, setState] = useState({name: 'John', age: 30});
return (
{props.children}
)
}
const MyComponent = () => {
const {state, setState} = useContext(MyContext);
return (
Name: {state.name}
Age: {state.age}
)
}
export default MyComponent;