Javascript 如何在材质UI卡头字幕中的文本前显示计时器图标？

我有一篇帖子，我在显示时间，比如几秒钟前，2分钟前，一小时前等等，但我想在字符串前显示一个时钟图标

我尝试了下面的解决方案，但几秒钟前它总是显示[object]。这里的时间是材料界面图标

  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"
  />

date=`${}几秒钟前`；

那么如何在文本之前显示图标呢

注意：我使用的是material UI v0版本。

像这样传递时间“几秒钟前让date=

${}；”将时间组件作为对象。你可以试试下面的方法

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>

date=`${}几秒钟前`；
const TimeIcon=（）=>{几秒钟前}