11.トグル

NextJS
import { useState } from 'react';

export default function Question() {
  const [isOpen, setIsOpen] = useState(false);

  return (
    <button onClick={() => setIsOpen(!isOpen)}>トグルボタン</button>
    {isOpen && (
      テキストテキストテキスト
    )}
  );
}
BACK