VoidVolker

Ссылке добавьте display:inline-block;
Она станет строчным элементом(Ширина будет зависить от контента), но темнемение на нее буду продолжать действовать блочные свойства, такие как ширина и прочее.
Советую посмотреть это видео.

только начал React изучать

Рекомендую таки сначала закончить, дочитать документацию 2 раза и вопрос сам собой отпадёт. В документации есть пример компонента С jsx и БЕЗ него. Надо просто дочитать.

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

Сетку на изображение можно даже в обычном Bitmap накладывать.

В общем вам нужно огромную задачу "написать фотошоп" раздробить очень-очень мелко, и искать инфу уже по очнеь мелким задачам. Например - как создать свой конрол

Примерно правильно понимаете.

Сначала создаётся объект-оглавление indexPatients.
Ключи id – значения объекты:

{
  "1": { id: 1, name: "Максим" },
  "2": { id: 2, name: "Николай" },
  // и так далее
}

Из такого объекта-индекса удобно по id вытащить соотв. объект.

Вторым шагом берём массив, где перечислены id в нужном порядке.
И заменяем методом map() каждый id на соотв. ему полный объект.

В итоге получаем массив с объектами в нужном порядке.

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

Потому что у вас в regex содержится обычная строка, а не объект регулярного выражения.
Собирать этот объект из строки нужно так: new RegExp('[' + v + ']', 'g');
https://developer.mozilla.org/en-US/docs/Web/JavaS...

В JavaScript функция замыкания — это функция, которая имеет доступ к переменным в своей родительской области видимости даже после возврата родительской функции. Чтобы вызвать функцию внутри функции замыкания, вам нужно сначала вернуть внутреннюю функцию из внешней функции замыкания, а затем вызвать ее, вызвав возвращенную функцию. Вот пример:

function outerFunction() {
  let x = "Hello";

  return function innerFunction() {
    console.log(x);
  }
}

let myFunction = outerFunction();
myFunction(); // Output: "Hello"

В этом примере outerFunction это функция закрытия, которая возвращает innerFunction. Переменная x доступна innerFunction даже после outerFunction возврата. Чтобы вызвать innerFunction, мы сначала присваиваем его переменной myFunction, вызывая outerFunction(), а затем вызываем myFunction(), что выводит «Hello» на консоль.

Iframe либо парсинг сайта

• Выделение отдельного помещения для размещения внешнего ввода (Интернет и телефонные линии), кросса, серверов и активного оборудования. Металлическая дверь, кодовый замок.
  
• Три линии питания - две для питания оборудования, причём запитанные от разных лучей, или хотя бы от разных фаз, плюс одна для питания кондиционера (минимум 7 кВт), плюс дежурное освещение.
  
• Система пожаротушения - газовая, углекислота или фреон. Порошок - нафиг, случись что, всё оборудование можно выбрасывать и закупать новое. Воды быть не должно в принципе - даже просто проходящих через помещение труб.
  
• Обязательно стойка (или стойки). Лотки, органайзеры, включая органайзеры электропитания.
  
• Обязательно бесперебойники - причём время удержания должно быть минимум часа полтора, причём с учётом рабочей деградации батарей.
  
• СКС разводится от розеток возле рабочих мест и до патч-панелей стойки витой парой 5 или 5е категории, чистой одножильной медью, многожилка или омеднённый алюминий ни в коем случае. Какие-то промежуточные и местные коммутаторы - забудь как страшный сон. Прокладка - по запотолочным металлическим лоткам, последний метр в коробе, монтаж на встраиваемые в короб розетки (для рабочих мест в центре комнаты - напольные короба и встраиваемые в пол розеточные блоки). Прокладка до внешних камер соответственно проводом для внешней прокладки, розетки во влагозащищённых распаечных коробках (по опыту - минимум 100х150). С розетками внутри не жадничать - на одно рабочее место минимум 2 розетки (локальная сеть, телефон), плюс дополнительные для сетевых принтеров и для точек доступа, ну и учесть, что сотрудники любят переставлять мебель самым идиотским образом. Судя по чертежам и описанию - будет штук 200 розеток.
  
• Коммутаторы - управляемые как минимум L2+, PoE для подключения точек доступа, видеокамер и IP-телефонов, обычные для подключения компов и сетевых принтеров. Модель не сильно важна, но лучше сразу иметь дохрена резервных портов, чем потом докупать. Клиентские порты гигабит однозначно. Но я бы рекомендовал брать с хотя бы парой 10-гигабитных портов. Вендор по вкусу (лично я бы ставил D-Link).
  
• Маршрутизатор - согласен с предыдущими товарищами насчёт Микротика вменяемой старшей модели.
  
• Точки доступа - лучше сразу брать комплект для бесшовного покрытия всего здания. Насчёт количества, размещения и необходимости внешних антенн вместо встроенных ничего не скажу - это только по месту решается.
  

Ну по минимуму где-то так.

Всегда ли искомый объект существует (т.е., существует ли для каждого value из первого массива аналогичное значение code во втором)? Если это не важно и вас устраивает возможное получение undefined, тогда

const result = array1.map(n => array2.find(m => m.code === n.value));

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

const obj2 = Object.fromEntries(array2.map(n => [ n.code, n ]));
const result = array1.reduce((acc, n) => (
  (n = obj2[n.value]) && acc.push(n),
  acc
), []);

Или, подставлять вместо отсутствующего объекта какое-нибудь другое значение:

const result = array1.map(function({ value: n }) {
  return this.get(n) ?? `объект с code="${n}" отсутствует`;
}, new Map(array2.map(n => [ n.code, n ])));

Могут ли значения code во втором массиве быть неуникальны? Если да, и надо получать все объекты с указанными code, а не один, то можно предварительно сгруппировать второй массив по значениям code:

const result = array1.flatMap(function(n) {
  return this[n.value] ?? [];
}, array2.reduce((acc, n) => ((acc[n.code] ??= []).push(n), acc), {}));

Имеет ли значение взаимное расположение объектов в результирующем массиве? Если оно должно быть таким же, как и в array2, то его и надо перебирать при извлечении объектов, а не первый массив:

const result = array2.filter(function(n) {
  return this.has(n.code);
}, new Set(array1.map(n => n.value)));

Строку по буквам можно перебрать циклом for .. of:

let n = 0;
for (const c of 'Moloko') {
  if (c === 'o') n++;
}
n // 3

<Offtopic> не первый раз замечаю, что русскоязычная версия документации на MDN чуть хуже англоязычной. Например, явно String упоминается в английской, но не в русской версии описания for .. of
Теории заговора welcome в комменты : )