You can render different components or elements based on certain conditions.
import React, { useState } from 'react';
const ToggleMessage = () => {
const [isVisible, setIsVisible] = useState(false);
return (
<div>
<button onClick={() => setIsVisible(!isVisible)}>
Toggle Message
</button>
{isVisible && <p>This message is conditionally rendered!</p>}
</div>
);
};