在React GroupedList中显示多行信息

Question

我想在GroupedList的一部分中显示几位信息。但是我希望这些数据显示在多行中

到目前为止，我已经尝试显示带有“ \ n”换行符的多行字符串。但这只是出于测试目的。我实际上希望在几个HTML标记的帮助下显示该信息，因此以后可以添加链接。但是，仅输入不同的标签也不起作用。

这是我要显示的信息：

let all = <div>
      <img src={this.state.userProfileItems.PictureURL}></img>
      <p> {this.state.userProfileItems.LastName}, {this.state.userProfileItems.FirstName}</p>;
      <p>{this.state.userProfileItems.Email}</p>
      <p>{this.state.userProfileItems.WorkPhone}</p>
      <p>{this.state.userProfileItems.Department}</p>
    </div>;

我想用React的GroupedList实现它：

 return (
      <GroupedList
               groups={this._groups}
               items={this._items}
               onRenderCell={this._onRenderCell}
               groupProps={{
                  onRenderHeader: this._onRenderHeader
               }}
             />
    );

虽然all属性是_items数组的第一部分。

如上所述，我想要多行输出，但是我只能得到一行。带有这条线是显示的个人头像的一部分。