Иван Филипов

1. Dynamic Segments

Его можно прописать в массиве с объектами, по которому мы пробегаемся через map, а далее достать {game.path} и поместить в Link to.Верно?

-- Да, верно

Если коротко, то вы делаете один роут с path="/tovari/:id"
Все урлы вида "/tovati/111", "tovari/moytovar" попадут в этот роут
В компоненте вы можете получить id с помощью const { id } = useParams();
или напрямую из window.location.href

2. Скорее всего никак. На все ховеры реагирую через css и вам советую :)

3. Очень сложно сказать, не зная кода этих компонентов. Кажется, что можно в HOC вынести логику показа после клика, но я не уверен

Ох, я постараюсь тезисно

Вам нужен чуть более умный бэкенд (можно на любом языке, включая Node.js)
Вместо html-файлов вы пишите шаблоны. Если у вас нода+Express.js, у него вроде был встроенный шаблонизатор ejs, есть ещё pug и много других (гуглить по Node шаблонизаторы). Если у вас на фронте React/Angular/View - лучше погуглить "название-библиотеки server side rendering", шаблонизация в них встроена

Абстрактно, ваш бэкенд получает запрос, идёт в базу данных или какой-нибудь JSON-файл за данными, а потом передаёт эти данные в шаблонизатор

В шаблонах можно использовать циклы, условия и разные другие плюшки из программирования. Вам не нужно писать 10 тэгов "a" для вывода списка, ваш список - стандартный массив, вы проходитесь по нему циклом и выводите данные в тэг "a". Условно:

myItems.map(item => (
<a href={item.link}>{item.text}</a>
))

Нужно поменять что-то в ссылках - меняете в одном месте
Нужно добавить товар или другие сущности - добавляете их данные в базу или JSON

function getKeyByValue(object, value) {

Эта функция нигде не используется (консольлог не в счёт). Ну и функции нежелательно объявлять внутри условных конструкций.

findOdd(A) ничего не возвращает в случае else.


Вообще такие задачи решаются в один проход по массиву.

Попробуйте так:

const highAndLow = (str) => {
  const nums = str.split(' ').map(((num) => +num));
  const min = Math.min(...nums);
  const max = Math.max(...nums);

  return `Max: ${max}, Min: ${min}`;
};

return arayOfSheep.filter((item) => item===true).length;

Или сокращённый вариант
return arayOfSheep.filter(Boolean).length;

Идете в папку C:\Program Files\nodejs\ там находите 4 файла npm.cmd, npm, npx.cmd, npx - открываете их в редакторе и заменяете prefix -g на prefix --location=global Мне это помогло. Если что - вот ссылка на issues в библиотеке npm https://github.com/npm/cli/issues/4980