map函数中的条件渲染

import React from 'react';

const UserList = ({ users }) => {
  return (
    <ul>
      {users.map((user) => (
        <li key={user.id}>
          {user.name} - 
          {user.role === 'admin' ? '管理员' : '普通用户'}
        </li>
      ))}
    </ul>
  );
};

export default UserList;

import React from 'react';

const UserList = ({ users }) => {
  console.log(users); // 检查数据结构

  return (
    <ul>
      {users.map((user) => {
        console.log(user); // 检查每个用户的数据
        return (
          <li key={user.id}>
            {user.name} - 
            {user.role === 'admin' ? '管理员' : '普通用户'}
          </li>
        );
      })}
    </ul>
  );
};

export default UserList;