Prop and State (useState example)

useStateExample.jsx

function Job({ job }) {
  const { title, description } = job;
  const [shouldShowDescription, setShouldShowDescription] = useState(false);

  function handleClick(e) {
    setShouldShowDescription(shouldShowDescription ? false : true);
  }

  return (
    <>
      <h3 onClick={handleClick}>{title}</h3>
      {shouldShowDescription && <p>{description}</p>}
      <p>{String(shouldShowDescription)}</p>
    </>
  );
}