Mesuti

function dataPage() {
  fetch('example.com')
    .then(response => response.json())
    .then(data => {
      const promises = data.URLs.map(url => fetch(url).then(r => r.json()))

      return Promise.all(promises).then((arr) => {
        data.arr = arr;
        return data;
      })
    })
    .then((data) => {
      setState(prevState => {
        return (
          {
            ...prevState,
            data // вероятно тут спред нужен по логике
          }
        )
      })
    })
}

async function loadData() {
  const response = await fetch("example.com");
  const data = await response.json();
  const links = await Promise.all(data.URLs.map(async (url) => {
    const urlResponse = await fetch("example.com");
    return await urlResponse.json();
  }));

  setState((prevState) => ({
    ...prevState,
    fetchObject: {
      ...data,
      URLs: links,
    },
  }));
}

{Object.keys(cities).map(cityId => (
  <div key={cityId} className="card-panel">
    {cities[cityId]}
  </div>
))}

arr.reduce((acc, n) => acc + (n ** 2) * !(n & 1), 0)

• для варианта «найдено» из числа от 0 и больше получилось тоже ненулевое число, и !! даст true
  
• для варианта «не найдено» из -1 получится уникальный 0, и !!0 вернёт false
  

Object.values(Object.fromEntries(arr.map(n => [ n.user.id, n ])))

// или, если в результирующий массив должны попадать те из "одинаковых"
// элементов, что расположены в исходном массиве первыми

Object.values(arr.reduce((acc, n) => (acc[n.user.id] ??= n, acc), {}))

// или, если также надо сохранять взаимное расположение элементов

arr.filter(function({ user: { id: n } }) {
  return !(this[n] = this.hasOwnProperty(n));
}, {})

function* unique(data, key = n => n) {
  const getKey = key instanceof Function ? key : n => n[key];
  const keys = new Set;

  for (const n of data) {
    const k = getKey(n);
    if (!keys.has(k)) {
      keys.add(k);
      yield n;
    }
  }
}

const result = Array.from(unique(arr, n => n.user.id));

''.concat(...unique('ABBACADCACDCEACBAEBA')) // 'ABCDE'

// можете открыть консоль и проверить самостоятельно, сколько
// элементов в исходной коллекции, а сколько уникальных
[...unique(document.links, 'href')]

var arrayWords = ['a','b','c','d','f'];

arrayWords.reverse().map(n => {
  let p = document.createElement('p');
  p.innerHTML = n;
  document.querySelector('.listing').after(p);
})

const first = document.querySelector('.listing');
const tag = 'p';
const arr = [...'ABCDEF'];

first.after(...arr.map(n => {
  const el = document.createElement(tag);
  el.textContent = n;
  return el;
}));

// или

first.replaceWith(first, ...arr.reduce((acc, n, i) => (
  (acc[i] = document.createElement(tag)).innerText = n,
  acc
), []));

// или

arr.reduce((prev, n) => (
  prev.insertAdjacentElement('afterend', document.createElement(tag)),
  prev.nextSibling.append(n),
  prev.nextSibling
), first);

// или

const parent = first.parentNode;
const nodes = parent.childNodes;

arr.forEach(function(n) {
  const el = document.createElement(tag);
  el.appendChild(new Text(n));
  parent.insertBefore(el, nodes[++this[0]]);
}, [ Array.prototype.indexOf.call(nodes, first) ]);

// или

first.insertAdjacentHTML(
  'afterend',
  arr.map(n => `<${tag}>${n}</${tag}>`).join('')
);

• При нажатии Enter: остается часть кода справа.
  
• При нажатии Tab: заменяется часть кода справа выбранным элементом.
  

var tr = Array.from( document.querySelectorAll('div') );