onclickとはユーザーのクリック処理を指します。これは"onmousedown"(押下)と"onmouseup"(押上)の二つの事象の組み合わせです
Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。
Q&A
解決済
1回答
611閲覧
総合スコア21
0グッド
0クリップ
投稿2020/06/23 04:36
0
reactでボタンなどをクリックしたときに新しい要素を描画する方法はありますか?
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
質問へのコメント
回答1件
ベストアンサー
こんな感じでしょうか。
js1const App = () => { 2 const [clicked, setClicked] = React.useState(false); 3 return ( 4 <div> 5 <button onClick={() => setClicked(!clicked)}>Click Me</button> 6 {clicked && <p>新しい要素</p>} 7 </div> 8 ); 9};
js
1const App = () => { 2 const [clicked, setClicked] = React.useState(false); 3 return ( 4 <div> 5 <button onClick={() => setClicked(!clicked)}>Click Me</button> 6 {clicked && <p>新しい要素</p>} 7 </div> 8 ); 9};
投稿2020/06/25 08:53
総合スコア7901
回答へのコメント
2020/06/28 03:41
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
15分調べてもわからないことはteratailで質問しよう!
ただいまの回答率85.35%
質問をまとめることで思考を整理して素早く解決
テンプレート機能で簡単に質問をまとめる
reactでonclick時にコンポーネントを描画したい
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/06/28 03:41