В настоящее время я отображаю список в типичном стиле React. Список передается в виде массива prop, и я отображаю его так:

{this.props.myList.map(createListItem, this)}

Поэтому, когда добавляется новый элемент, он выглядит так, как будто последний элемент был добавлен в конец списка.

Мне бы хотелось, чтобы последний элемент отображался вверху. то есть все появляется в обратном хронологическом порядке.

До сих пор я придумал два варианта: 1) Перевернуть список, создавая новый массив каждый раз, когда что-то добавляется, и передавать этот перевернутый список как реквизит. 2) Используйте сдвиг.

Но они оба непривлекательны из-за производительности.

Я не знаю, поддерживает ли Javascript отображение в обратном порядке. Я пытался за цикл, но я не смог заставить его работать.

Какой идиоматический способ визуализации массива в обратном порядке в React?