javascript - 在时刻时间戳之前添加字符串

Question

当clicked状态为true时，我使用React和Material UI来显示正在运行检查...。否则，我将使用 react-moment 显示时间戳。

 <Typography gutterBottom variant="caption">
   {this.state.clicked 
      ? "Running check..."
      : <Moment local format={dateFormat}>{lastCheckedDateTime}</Moment> }
 </Typography>

如何使用 Last check: 这样的字符串作为时间戳前缀？

Answer 1

不知道 Moment 组件渲染什么，但在它之前添加一个跨度或其他内容。如果 moment 组件是 block 元素，可能需要尝试一下样式:

 <Typography gutterBottom variant="caption">
   {this.state.clicked 
      ? "Running check..."
      : (
        <>
          <span>Last checked: </span>
          <Moment local format={dateFormat}>{lastCheckedDateTime}</Moment>
        </>
      )
    }
 </Typography>