How can I use React hooks for conditional rendering?

How can I use React hooks for conditional rendering?

You can use the useState hook to manage state and conditionally render components based on that state.

Can you give me an example of that?

Sure! You can create a simple toggle button that shows or hides a component based on a boolean state.

What does the code look like?

Here's a basic example:

import React, { useState } from 'react';

const ToggleComponent = () => {
  const [isVisible, setIsVisible] = useState(false);

  return (
    <div>
      <button onClick={() => setIsVisible(!isVisible)}>Toggle</button>
      {isVisible && <p>This is a conditionally rendered component!</p>}
    </div>
  );
};