在这个示例中，我们将演示如何使用布尔值来条件渲染React Material UI的MenuItem组件。

我们将使用一个简单的状态来控制渲染哪个MenuItem元素。例如，如果状态为true，我们渲染带有“登录”标签的MenuItem，而如果状态为false，则渲染带有“注销”标签的MenuItem。

代码示例如下：

import React, { useState } from 'react';
import MenuItem from '@material-ui/core/MenuItem';

function App() {
  const [isLoggedIn, setIsLoggedIn] = useState(false);

  const handleLoginClick = () => {
    setIsLoggedIn(true);
  };

  const handleLogoutClick = () => {
    setIsLoggedIn(false);
  };

  return (
    

      {isLoggedIn ? (
        注销
      ) : (
        登录
      )}
    
  );
}

export default App;

在上面的代码中，我们首先使用useState钩子创建一个状态isLoggedIn，并将其默认设置为false。然后，我们定义两个函数，handleLoginClick和handleLogoutClick，它们分别在单击带有“登录”或“注销”标签的MenuItem时将状态设置为true或false。

最后，在组件的返回部分中，我们使用JavaScript的三元运算符来根据状态值条件渲染MenuItem组件。

这就是如何使用布尔值来条件渲染React Material UI的MenuItem组件的示例。