Easy
What is the outcome of executing the following React code (using the useContext
hook)?
import React, { createContext, useContext } from 'react';
import MyCustomButton from 'somewhere';
const ThemeContext = createContext('light');
function ThemedButton() {
const theme = useContext(ThemeContext);
return <MyCustomButton theme={theme}>Theme: {theme}</MyCustomButton>;
}
function App() {
return (
<ThemeContext.Provider value='dark'>
<ThemedButton />
</ThemeContext.Provider>
);
}
Author: Vincent CotroStatus: PublishedQuestion passed 1674 times
Edit
8
Community EvaluationsNo one has reviewed this question yet, be the first!
14
Save the state used to display the selected page in a React component.10
Write a React component that updates the document title with each click and resets to 'React App' when the component unmounts.25
Write the missing code to render the children of the UserProfile component.9
Use useCallback to optimize rendering in React15
Write a React component as a function29
Write the non-JSX equivalent of the following code:16
Call a function on the first render of a React component