0xD34F

Делай раз:

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. Например.

В каком столбце значение смотрим, в какой столбец значение пишем:

const iKey = 0;
const iTarget = 2;

Возможные содержимые одного столбца (ключи объекта) и что надо записывать в другой (значения):

const values = {
  'если есть такое значение': 'подставляем это',
  'а при наличие такого': 'ну вы поняли, что здесь должно быть',
  // ну и так далее
};

Подставляем значения, если ключ совпадает с содержимым столбца:

$('.table tr').each(function() {
  const $td = $('td', this);
  const key = $td.eq(iKey).text();

  if (values.hasOwnProperty(key)) {
    $td.eq(iTarget).text(values[key]);
  }
});

// или

for (const { rows } of document.querySelector('.table').tBodies) {
  for (const { cells: { [iKey]: k, [iTarget]: t } } of rows) {
    t.textContent = values[k.textContent] || t.textContent;
  }
}

<div class="icon"></div>

.icon {
  font-size: 100px;
  border: 0.1em solid black;
  border-radius: 50%;
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
  transform: rotate(45deg);
}

.icon::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: black;
  width: 0.1em;
  height: 100%;
  left: 0.5em;
  transform: translateX(-50%);
}

https://jsfiddle.net/grwcht2L/

str.replace(/\[caption .*?\]/g, '')

найти последний div

const last = document.querySelector('#container').lastElementChild;

остальные удалить

Array.prototype.reduceRight.call(
  document.getElementById('container').children,
  (_, n) => n?.nextElementSibling && (n.outerHTML = ''),
  null
);

Оба действия сразу:

const last = Array
  .from(document.querySelectorAll('[id="container"] > *'))
  .reduce((_, n, i, a) => i === ~-a.length ? n : n.remove(), null);

О какой таблице речь и что за класс отвечает за выделение ячеек:

const table = document.querySelector('table');
const className = 'red';

Сперва собираем индексы столбцов, заголовки которых имеют класс:

const indices = Array.from(table.querySelectorAll(`thead .${className}`), n => n.cellIndex);

Затем можно добавить класс ячейкам в теле таблицы:

table.querySelectorAll('tbody tr').forEach(n => {
  indices.forEach(i => n.cells[i].classList.add(className));
});

Или, кроме добавления, можно класс ещё и убирать (если вдруг есть) в тех столбцах, заголовок которого не подсвечен:

for (const { rows } of table.tBodies) {
  for (const { cells } of rows) {
    for (let i = 0, j = 0; i < cells.length; i++) {
      j += cells[i].classList.toggle(className, i === indices[j]);
    }
  }
}