Отображение многострочной информации в React GroupedList - PullRequest
Новая
       7

Отображение многострочной информации в React GroupedList

0 голосов
/ 03 апреля 2019

Я хочу отобразить несколько битов информации в части моего 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>;

И я хочу добиться этого с помощью GroupedList из React: 

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

Хотя атрибут all является первой частью массива _items.

Как описано выше, я хочу многострочный вывод, но получаю только одну строку.Эта строка является частью отображаемой профильной картинки.

...