回答編集履歴
1
補足
answer
CHANGED
|
@@ -166,4 +166,16 @@
|
|
|
166
166
|
export default Count;
|
|
167
167
|
```
|
|
168
168
|
|
|
169
|
+
## 補足
|
|
169
170
|
|
|
171
|
+
フラグ変数 `flag` が truthy のときだけ何らかのコンポーネント `Component` を表示したいとき上記の回答に書いた
|
|
172
|
+
```jsx
|
|
173
|
+
{flag && <Component />}
|
|
174
|
+
```
|
|
175
|
+
とするのはよくやる手ですが、`Component` 側に表示、非表示のフラグをpropで渡し、表示、非表示の制御をそのコンポーネント側でやりたいという場合もあるでしょう。nomariさんの回答で提案されている Material UI の [Dialog](https://mui.com/material-ui/api/dialog/) はそのようなフラグをprop `open` で受け取ります。
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
|
|
181
|
+
|