Реагируйте: Учитывая массив, эффективно визуализируйте элементы в обратном порядке.
В настоящее время я отображаю список в типичном стиле React. Список передается в виде массива prop, и я отображаю его так:
{this.props.myList.map(createListItem, this)}
Поэтому, когда добавляется новый элемент, он выглядит так, как будто последний элемент был добавлен в конец списка.
Мне бы хотелось, чтобы последний элемент отображался вверху. то есть все появляется в обратном хронологическом порядке.
До сих пор я придумал два варианта: 1) Перевернуть список, создавая новый массив каждый раз, когда что-то добавляется, и передавать этот перевернутый список как реквизит. 2) Используйте сдвиг.
Но они оба непривлекательны из-за производительности.
Я не знаю, поддерживает ли Javascript отображение в обратном порядке. Я пытался за цикл, но я не смог заставить его работать.
Какой идиоматический способ визуализации массива в обратном порядке в React?