0xD34F

Что если таких items должно быть больше двух? Давайте решим задачу в более общем виде.

Вместо объекта пусть будет массив, также добавим в компонент свойство, представляющее индекс отображаемого элемента:

data: () => ({
  index: 0,
  items: [
    [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
    [ '69', '187', '666' ],
    [ '!!!', '???', ':::' ],
    [ '+++', '***', '///' ],
  ],
}),

Если индекс меньше длины массива - показываем содержимое соответствующего элемента, по клику увеличиваем индекс; в противном случае показываем кнопку, клик по которой сбросит индекс:

<ul v-if="index < items.length" @click="index++">
  <li v-for="n in items[index]">{{ n }}</li>
</ul>
<button v-else @click="index = 0">давай заново</button>

[...`${num}`].map(Number)

или

num.toString().split('').map(n => +n)

или

Array.from(String(num), parseFloat)

или

('' + num).match(/./g).map(n => parseInt(n))

или

Object.values(num.toFixed()).map(n => ~~n)

или

[].map.call(/.+/.exec(num)[0], n => n * 1)

или

eval('['.concat(num, ']').replace(/\d/g, '$&,'))

или

Object.assign([], JSON.stringify(num)).map(JSON.parse)

или

Array(1 + (Math.log10(num) | 0)).fill().map((n, i) => (num / 10 ** i | 0) % 10).reverse()

или

((f = (x, a) => (a.unshift(x % 10), x = x / 10 | 0, x ? f(x, a) : a)) => f(num, []))()

Нужно как-то парсить полученный html...

Не нужно.

Сделайте делегированный обработчик, где будет проверяться, кем является целевой элемент, и если это картинка - также проверяйте её размер.

Ну а вообще, ерундой какой-то занимаетесь - какой к чёрту html? Если используете react, то так дела не делаются.

Невалидный html, который браузер пытается поправить, в результате строка с заголовками столбцов оказывается в tbody, и текст в заголовках обрабатывается при вычислении суммы как часть данных - отсюда NaN.

Тэг caption должен быть первым вложенным элементом тэга table, внутри th ему не место.

Квадратные скобки добавьте:

const data = {
  [name]: value,
};

Или сначала соберите массив:

const data = Object.fromEntries([ [ name, value ] ]);

Делай раз:

logOut () {

Делай два:

onConfirm={this.logOut}

Всё, контекст потерян.

https://jsfiddle.net/eq956pyb/1/

const viewBox = Array
  .from(document.querySelectorAll('svg'), n => n.getAttribute('viewBox').split(' '))
  .reduce((acc, n) => (n.forEach((m, i) => (acc[i] = (acc[i] ?? 0) + +m)), acc), [])
  .join(' ');

const obj2 = Object.fromEntries(arr2.map(({ id, ...n }) => [ id, n ]));
const newArr1 = arr1.map(({ id, ...n }) => ({ ...n, ...obj2[id] }));

https://jsfiddle.net/a13ef8ms/

preg_replace('~[^+\d]~', '', $str)

handleDelete = e => {
  const id = +e.currentTarget.dataset.id;
  this.setState(({ data }) => ({
    data: data.filter(n => n.id !== id),
  }));
}

const CardList = ({ cards, handleDelete }) => (
  <div className="cards__list">
    {cards.map(n => <CardInfo {...n} handleDelete={handleDelete} />)}
  </div>
);

<CloseOutlined onClick={props.handleDelete} data-id={props.id} />

parts = [ n['standart'] for n in data['parts']['parts'] ]
part_number = f'({part_number})'
part_code = next((n['part_code'] for n in parts if n['part_number'] == part_number), None)

useEffect(() => () => clearTimeout(timer), [ timer ]);

А вы уверены, что здесь надо использовать регулярные выражения? То, что вы показали, выглядит как огрызок json-массива. Может, вы показали не всё? Если там у вас действительно json-массив, то

$result = implode(',', array_column(json_decode($str, true), 'v'));

Ну а если кровь из носу нужна регулярка, тогда

preg_match_all('~(?<="v": )\d+~', $str, $match);
$result = implode(',', $match[0]);

.spoiler_block div {
  display: none;
}

$('.spoiler_title').click(function() {
  $('.spoiler_block div').slideToggle(250);
});

function compoundMatch(words, target) {
  const pairs = [];

  for (let i = 1; i < target.length; i++) {
    pairs.push([ target.slice(0, i), target.slice(i) ]);
  }

  for (const [ a, b ] of pairs) {
    const ia = words.indexOf(a);
    const ib = words.indexOf(b);

    if (ia !== -1 && ib !== -1) {
      return ia < ib ? [ a, b, [ ia, ib ] ] : [ b, a, [ ia, ib ] ];
    }
  }

  return null;
}

или

function compoundMatch(words, target) {
  const indices = {};

  for (let i = 0; i < words.length; i++) {
    const a = words[i];
    if (!indices.hasOwnProperty(a)) {
      indices[a] = i;

      const b = target.replace(a, '');
      if (indices.hasOwnProperty(b)) {
        return [ b, a, a + b === target ? [ i, indices[b] ] : [ indices[b], i ] ];
      }
    }
  }

  return null;
}

или

function compoundMatch(words, target) {
  const indices = {};

  for (let i = 0; i < words.length; i++) {
    indices[words[i]] = i;
  }

  for (const a in indices) {
    for (const b in indices) {
      if (a + b === target) {
        return indices[a] < indices[b]
          ? [ a, b, [ indices[a], indices[b] ] ]
          : [ b, a, [ indices[a], indices[b] ] ];
      }
    }
  }

  return null;
}

<iframe :srcdoc="htmlContent"></iframe>

.active {
  background: black;
  color: white;
}

const handler = e =>
  (e.type === 'click' || e.buttons === 1) &&
  e.target.classList.contains('but') &&
  e.target.classList.add('active');

document.addEventListener('click', handler);
document.addEventListener('mousemove', handler);

Повесьте обработчик onLoad, внутри которого доставайте width и height. Например.