Строка Prepend перед отметкой времени момента

Question

Я использую интерфейс React и Material для отображения Running check..., когда состояние clicked равно true. В противном случае я отображаю метку времени, используя react-moment.

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

Как бы я поставил метку времени с такой строкой, как Last checked:?

Answer 1

Не знаю, какой компонент Moment рендерит, но добавьте диапазон или еще что-нибудь перед ним. Может потребоваться поиграться со стилями, если компонент момент является элементом блока:

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