JSXにおけるタグ返却の条件
returnを使用して、タグを含む変数を返すことが可能です:
function App() {
let text;
const show = true;
if (show) {
text = <p>text1</p>;
} else {
text = <p>text2</p>;
}
return text;
}
定数 isAdmin には、ユーザーが管理者の場合は true、
そうでない場合は false が格納されているとします:
function App() {
const isAdmin = true;
}
isAdmin の値が true の場合、画面に段落を含むdivが表示されるように、
それ以外の場合は何も表示されないようにしてください。