Как отобразить дату публикации поста в react?

Question

[Alexander]

Как можно отобразить дату публикации поста в react?
Есть массив постов и для каждого нужно добавить свое время публикации

let postsElements = [...posts]
    .reverse()
    .map((item) => <Post text={item.text} smallPhoto={smallPhoto} date={???} key={item.id} />)

Comments

[Иван В]

принципиальный момент - в posts вообще есть данные о дате поста?

[Alexander]

Иван В,

const Post: React.FC<PropsType> = ({ text, smallPhoto, date }) => {
  const classes = useStyles()

  return (
    <Paper className={classes.post}>
      <Grid container alignItems={'center'}>
        <Avatar className={classes.avatar} src={smallPhoto} alt='' />
        <Grid item justify={'center'}>
          <Typography variant={'subtitle1'}>{text}</Typography>
          {date}
        </Grid>
      </Grid>
    </Paper>
  )
}

Я пытался добавить new Date().toLocaleString() внутри самого поста но при добавлении постов дата меняется у всех на текущую

[Антон Иванов]

Ну так очевидно же
new Date(date).toLocaleString()

[Alexander]

Антон, дата меняется у всех сразу, а должна зависеть от даты публикации, тут вопрос о динамике вывода, а не как добавить дату - это я знаю

[Антон Иванов]

Alexander,

Смотрите, у вас тут

<Post text={item.text} smallPhoto={smallPhoto} date={???} key={item.id} />

упоминается объект item. Наверное в нем есть аттрибут date. Или что-то очень на него похожее...

Сделайте дамп объекта {JSON.stringify(item)} и увидите какие в нем есть свойства.

P.S. кстати, судя по всему у вас и smallPhoto один на все посты идет.

[Иван В]

Alexander, ну вы так и не сказали, у объектов в posts кроме id и text есть еще date или нет?

[Alexander]

Иван В, нету, posts находится в redux и имеет только id и text

[Alexander]

Иван В, posts пока что приходят только с bll, связи с сервером нету никакой

[Иван В]

Alexander,
значит пока нет связи с сервером, реальные данные о дате не показать. Или пока сделать дефолтное значение для date.

[Alexander]

Иван В, понял спасибо