const a1 = { b: 1, c: 1 };
const a2 = a1;И перед forEach тоже добавить?
const ВСЕГДА, кроме тех случаев, когда это без let не обойтись никак.// это массив, как по названию это можно понять?
// должно быть buttons
let button = document.querySelectorAll('masterSelector');
// что это за "е"? Если 1-2 строки кода, можно использовать первую букву названия массива,
// если оно понятное, в данном случае это "b"
// если же больше, то уже стоит использовать полное название,
// в данном случае buttons → button (именно поэтому названия массивов и должны быть во множественном числе)
button.forEach((e) => {
//несколько строк кода
}Иначе это использование языковых конструкция не по назначению
var func = x => x * x; // краткий синтаксис,
// неявно возвращает результат
var func = (x, y) => { return x + y; }; // блочный синтаксис,
// явно возвращает результатусложнение кода
место возможных ошибок.
если контекст используется вообще.
{
currentPage < 5 &&
<>
<button style={isCurrent(2)} onClick={() => setCurrentPage(2)}>2</button>
<button style={isCurrent(3)} onClick={() => setCurrentPage(3)}>3</button>
<button style={isCurrent(4)} onClick={() => setCurrentPage(4)}>4</button>
<button style={isCurrent(5)} onClick={() => setCurrentPage(5)}>5</button>
</>
}{ currentPage < 5 && [2, 3, 4, 5].map((pageNum) => <button key={pageNum} style={isCurrent(pageNum)} onClick={() => setCurrentPage(pageNum)}>{pageNum}</button> }const isCurrent = page => ({background: page === currentPage && 'red'}){currentPage < 5 && <button style={isCurrent(2)} onClick={() => setCurrentPage(2)}>2</button>}
{currentPage < 5 && <button style={isCurrent(3)} onClick={() => setCurrentPage(3)}>3</button>}
{currentPage < 5 && <button style={isCurrent(4)} onClick={() => setCurrentPage(4)}>4</button>}
{currentPage < 5 && <button style={isCurrent(5)} onClick={() => setCurrentPage(5)}>5</button>}
Создаёшь интерфейс с нужными обязательными и опциональными полями. Или в чём вопрос?