Как показать значок таймера перед текстом в субтитре Material-UI CardHeader? - PullRequest
0 голосов
/ 04 сентября 2018

У меня есть сообщение, и я показываю время, как несколько секунд назад, 2 минуты назад, час назад и т. Д., Но я хочу показать значок часов перед строкой.

Я пробовал приведенное ниже решение, но оно всегда показывает [объект объекта] несколько секунд назад. Здесь время - значок материала UI.

  let date = `${<Time />} a few seconds ago`;
  <CardHeader
                  title={this.props.userName}
                  subtitle={date}
                  subtitleStyle={{ fontSize: 10}}
                  style={myTheme.cardHeaderStyle}
                  titleStyle={myTheme.contentStyle}
                  subtitleColor="#90949c"
  />

Так как я могу показать значок перед текстом?

Примечание. Я использую версию Material-UI v0.

1 Ответ

0 голосов
/ 04 сентября 2018

время прохождения, как это "пусть дата = ${<Time />} a few seconds ago;" принимает компонент времени как объект. Вы можете попробовать метод ниже.

let date = `${<Time />} a few seconds ago`;
const TimeIcon = () => {<h3><Time /> a few seconds ago</h3>}

  <CardHeader
                  title={this.props.userName}
                  subtitle={children}
                  subtitleStyle={{ fontSize: 10}}
                  style={myTheme.cardHeaderStyle}
                  titleStyle={myTheme.contentStyle}
                  subtitleColor="#90949c"
  >
 <TimeIcon />
</ CardHeader>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...