switchcase在react

Switch case语句在React中可以用于根据不同的条件渲染不同的组件或元素。例如，可以根据用户的登录状态来渲染不同的导航栏，如下所示：

function Navigation() {
  const isLoggedIn = true;

  switch (isLoggedIn) {
    case true:
      return (
        <nav>
          <ul>
            <li>首页</li>
            <li>个人资料</li>
            <li>退出</li>
          </ul>
        </nav>
      );
    case false:
      return (
        <nav>
          <ul>
            <li>首页</li>
            <li>登录</li>
            <li>注册</li>
          </ul>
        </nav>
      );
    default:
      return null;
  }
}

在上面的例子中，根据isLoggedIn变量的值，渲染不同的导航栏。如果isLoggedIn为true，则渲染包含“首页”、“个人资料”和“退出”链接的导航栏；如果isLoggedIn为false，则渲染包含“首页”、“登录”和“注册”链接的导航栏；如果isLoggedIn为其他值，则返回null。