如何增加 Material-UI React 中的图标数量

Question

我有一些人是 API。名字总是不同的。我需要在 PersonIcon 的帮助下显示人数。如果有 2 个人，我需要显示 2 个图标。我使用 for-loop。算了，但是显示 [object Object][object Object]. 如何正确重写？

let participants = <PersonIcon />;
  for (let i = 1; i < activity.participants; i++) {
    participants += <PersonIcon />;
  }

Answer 1

你必须使用数组：

let participants = [<PersonIcon />];
  for (let i = 1; i < activity.participants; i++) {
    participants.push(<PersonIcon />);
  }

无需循环即可实现相同效果的更优雅的方法是

let participants = Array.from(new Array(activity.participants), () => <PersonIcon />)

How to increase the number of Icons in Material-UI React