如何在Material-UI CardHeader字幕中的文本前显示计时器图标？

Question

我有一个帖子，我正在显示时间，如几秒钟前，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版本。

Answer 1

这样的传递时间“让日期= ${<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>