Показать сообщение отдельно
  #3 (permalink)  
Старый 23.04.2019, 21:27
Аватар для SuperZen
Профессор
Отправить личное сообщение для SuperZen Посмотреть профиль Найти все сообщения от SuperZen
 
Регистрация: 08.11.2017
Сообщений: 641

только тут надо следить и за update'ом...
import React from 'react'

export default class App extends React.Component {
  state = {
    items: [
      { id: 1 },
      { id: 2 },
      { id: 3 },
    ],
    show: 1
  }

  componentDidMount() {
    const interval = setInterval(() => {
      this.state.show === this.state.items.length
        ?
        clearInterval(interval)
        :
        this.setState({ show: this.state.show + 1 })
    }, 1000)
  }

  render() {
    return this.state.items.slice(0, this.state.show).map(item => <div key={item.id}>{item.id}</div>)
  }
}

Последний раз редактировалось SuperZen, 23.04.2019 в 21:31.
Ответить с цитированием