Question

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

我尝试了以下解决方案，但是它总是在几秒钟前显示[object object]。时间是重要的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

经过时间，例如“ let date = ${<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>

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

1 个答案: