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

以下是一个示例代码，基于React和Redux实现根据身份权限来区分展示页面。

import React from 'react';
import { connect } from 'react-redux';

const AdminPage = () => <div>欢迎管理员</div>;
const UserPage = () => <div>欢迎普通用户</div>;

const HomePage = ({ role }) => {
  if (role === 'admin') {
    return <AdminPage />;
  }
  return <UserPage />;
};

const mapStateToProps = (state) => ({
  role: state.auth.role, // 从全局状态中获取身份权限信息
});

export default connect(mapStateToProps)(HomePage);

在上面的代码中，我们定义了两个组件 `AdminPage` 和 `UserPage`，分别用于展示管理员和普通用户的页面。然后，我们定义了一个 `HomePage` 组件，根据 Redux 全局状态中的 `auth.role` 属性来判断当前用户的身份权限，决定展示哪个页面。

最后，我们使用 `connect` 高阶组件将 `HomePage` 组件连接到 Redux 全局状态中，并通过 `mapStateToProps` 函数将 `auth.role` 属性映射到组件的 `props` 中，以便在组件中使用。