Я должен посадить его аватарку на 5й компонент

Так

А остальные компоненты при этом отображают пустоту

Да

И?

И всё

Ну типа

...
render () {
  return myJson.map((item)=> <Seat {...item} />);
}

Ну я сделал почти так же только в <Seat> передаю translateX/Y которые я храню тоже в массиве
И seat из JSONa будет указывать какой по индексу translate мне надо достать
От этого и будет зависеть расположение челика

Типа вот мои транслиты

const seats = [
  { translateX: 18, translateY: -64 },
  { translateX: 54, translateY: -50 },
  { translateX: 70, translateY: -18 },
  { translateX: 70, translateY: 18 },
  { translateX: 54, translateY: 50 },
  { translateX: 18, translateY: 64 },
  { translateX: -18, translateY: 64 },
  { translateX: -54, translateY: 50 },
  { translateX: -70, translateY: 18 },
  { translateX: -70, translateY: -18 },
  { translateX: -54, translateY: -50 },
  { translateX: -18, translateY: -64 },
]

Правильно.  А можно не передавать имеено транслате, а хранить в виде массива внутри компонента Сеат , чтобы не увеличивать сложность


Трансляте вычисляется из seat легко

const seats = [
  { translateX: 18, translateY: -64 },
  { translateX: 54, translateY: -50 },
  { translateX: 70, translateY: -18 },
  { translateX: 70, translateY: 18 },
  { translateX: 54, translateY: 50 },
  { translateX: 18, translateY: 64 },
  { translateX: -18, translateY: 64 },
  { translateX: -54, translateY: 50 },
  { translateX: -70, translateY: 18 },
  { translateX: -70, translateY: -18 },
  { translateX: -54, translateY: -50 },
  { translateX: -18, translateY: -64 },
]

Да. Кайф! Я бы укоротил ключи до x и Y

Вот кстати шо оно такое

Клиент бутылочки делаю!!

))) прикольно

Хех

Идея крутая, потому что это на телефоне будет)

Спасибо Андрей!!
Приятная беседа была

Да
Ну оно уже
Смотри как фул выглядит

Пфф. Незачто) обращайся)