如何增加 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 />)