84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
画面にテキストを表示し、ボタンが押されたときのみ非表示にしたいのですが、方法がわかりません。 useState を使用してこの効果を実現したいと考えています:
私が見つけた問題は、ボタンをクリックするとページが再レンダリングされ、可視性の値がデフォルト値 (true) に変更されることです。どうすればいいですか？
Idk what are you experiencing but for me it works fine the following code:
import React from 'react'; import {useState} from 'react'; export function App(props) { const [textVisibility, setTextVisibility] = useState(true) return ( {textVisibility && setTextVisibility(!textVisibility)}>Hello React.} setTextVisibility(false)}>Invisible setTextVisibility(true)}>Visible ); }
リーリー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Idk what are you experiencing but for me it works fine the following code:
import React from 'react'; import {useState} from 'react'; export function App(props) { const [textVisibility, setTextVisibility] = useState(true) return ( {textVisibility && ); }setTextVisibility(!textVisibility)}>Hello React.
}リーリー