conditionalRenderingANDoperator.jsx

import React, { useState } from 'react'

export const Component = () => {
  const [show, setShow] = useState(false)

  const handleClick = () => {
      setShow(prev => !prev)
  }

  return (
    <div>
      {show && <p>You can see this string</p>}
      <button onClick={handleClick}>Click Here to toggle</button>
    </div>
  )
}