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: W3D TeamStatus: PublishedQuestion passed 2268 times
Edit
8
Community EvaluationsNo one has reviewed this question yet, be the first!
32
Write the missing code to render the children of the UserProfile component.11
Use useCallback to optimize rendering in React36
Write the non-JSX equivalent of the following code:10
Find the issue with this React code:10
Write a React component that displays the sum of two numbers15
Save the state used to display the selected page in a React component.18
Call a function on the first render of a React component