用jsx写一个根据身份权限来区分展示的代码

以下是一个示例代码：

import React from 'react';

const AdminPage = () => (
  <div>
    <h1>管理员页面</h1>
    <p>您有访问管理员页面的权限。</p>
  </div>
);

const UserPage = () => (
  <div>
    <h1>普通用户页面</h1>
    <p>您只有访问普通用户页面的权限。</p>
  </div>
);

const HomePage = ({ user }) => {
  if (user.isAdmin) {
    return <AdminPage />;
  } else {
    return <UserPage />;
  }
};

export default HomePage;

在这个例子中，我们定义了两个子组件：`AdminPage` 和 `UserPage`，分别代表管理员和普通用户页面。然后，我们在 `HomePage` 组件中根据传入的 `user` 属性来决定展示哪个页面。如果用户是管理员，我们展示 `AdminPage` 组件；如果用户不是管理员，我们展示 `UserPage` 组件。

这种根据身份权限来区分展示的代码可以应用于许多场景，例如：展示不同的导航菜单、展示不同的操作按钮等等。