Kizspy | Question: 25 (Choose 1 answer)
import React, { useState } from 'react';
function App() { const [showMessage, setShowMessage] = useState(false);
const toggleMessage = () => { setShowMessage(!showMessage);
};
return (
<div><button onClick={toggleMessage}>Toggle Message</button>{showMessage && <p>This is a message!</p>}</div>
);
}
export default App;
What happens when the "Toggle Message" button is clicked?
A. The message is displayed.
B. The message is hidden.
C. The state of the component is updated.
D. The component is re-rendered.
