モードウィンドウの作成

947 ワード

TIL テキストリンク

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

return(
<button 
	onClick={() => { setModalOpen(true); }}         
</button>
{modalOpen === true 
	? <Modal getModal={modal} setModal={setModal} />
 	: null
}
)

状態記憶ビジュアル情報

3演算子trueを使用してモードウィンドウ

を表示
ステータス値を

プロパティ(モードウィンドウで「キャンセル」ボタンを押すとfalseに変換)

に渡します.

で作成したモードウィンドウでキャンセルボタンをクリックしてfalseに変換!

简単ですね!!

Reference

この問題について(モードウィンドウの作成), 我々は、より多くの情報をここで見つけました https://velog.io/@alonjoe/모달창-만들기

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

Basic#8 Bean Scope

[伯俊]2470:二種類の溶液