ファイル:react-logo.png
React
  • コンポーネント
  • Props
  • State

JavaScript

? operator など、Conditional rendering を使う。<syntaxhighlight lang="jsx" line="1"> // if statement let content; if (isLoggedIn) {

 content = <AdminPanel />;

} else {

 content = <LoginForm />;

} return (

   {content}

);

// ? operator

 {isLoggedIn ? (
   <AdminPanel />
 ) : (
   <LoginForm />
 )}

</syntaxhighlight>

Next.js

Next.js を参照。