モードウィンドウの作成


const [modal, setModal] = useState(false);

return(
<button 
	onClick={() => { setModalOpen(true); }}         
</button>
{modalOpen === true 
	? <Modal getModal={modal} setModal={setModal} />
 	: null
}
)
  • 状態記憶ビジュアル情報
  • 3演算子trueを使用してモードウィンドウ
  • を表示
    ステータス値を
  • プロパティ(モードウィンドウで「キャンセル」ボタンを押すとfalseに変換)
  • に渡します.
  • で作成したモードウィンドウでキャンセルボタンをクリックしてfalseに変換!
  • 简単ですね!!