面试题：React逻辑与运算符简洁渲染下的条件嵌套处理

Question

在React应用里，有三个布尔变量：isLoggedIn表示用户是否登录，isAdmin表示用户是否是管理员，hasPermission表示用户是否有特定权限。当用户已登录且是管理员或者用户已登录且有特定权限时，要渲染一个包含操作按钮的div。请使用逻辑与运算符以及适当的逻辑处理来实现该功能，给出完整的函数式组件代码。

Answer 1

import React from'react';

const MyComponent = ({ isLoggedIn, isAdmin, hasPermission }) => {
    const shouldRender = (isLoggedIn && isAdmin) || (isLoggedIn && hasPermission);

    return (
        shouldRender && (
            <div>
                {/* 操作按钮 */}
                <button>操作按钮</button>
            </div>
        )
    );
};

export default MyComponent;