а почему происходит infinity loop?

фиг его знает

бесконечно запрашиваеться

а что делает makeRequest

http request 😄

makeRequest как-то меняет payload?

Привет, ребята помогите, пожалуйста, разобраться как происходит передача данных для компонентов списка ? Как для карточки получить именно, те данные которые к ней относятся ? Вот упрощённый пример https://codesandbox.io/s/props-match-params-7nrsq?file=/src/GamePage.js

я пробовал так, но почему-то переход не осуществляется

import { Link, useHistory } from 'react-router-dom';

const Header = () => {
  const [inputSearch, setInputSearch] = useState('');
  let history = useHistory();
  const search = (query) => {
    history.push(`/search?q=${query}`);
  };

а в адресной строке меняется?

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

Вообще нормально ли делать useState( { foo: bar, foo2, bar2} )?
Потому что потом чтобы обновить значения нужны танцы вида:
setState((prev) => ({ ...prev, foo2: bar22 }));

Или лучше отдельно foo, foo2, … через usetState каждый проводить?

Привет, есть структура, объект с разной степенью вложенности, из этой структуры рендерится форма (инпуты, чекбоксы и тд). Подскажите, пожалуйста, какой самый правильный способ обновлять в ней данные рекативно? По сути обновлять value для каждого итема.

Подскажите, как воевать, в таком случае, когда данные старые прилетают в следующую функцию?

Отличие того, что я скинул, от задания в том, что нужно будет создать в конструкторе рекурсивную функцию, которая будет клепать ref-ы для нужных дочерних компонент. Потом в самом методе нужно проходится по рефам, вызывая этот же метод

нет. почему-то на Enter не реагирует. здесь неправильно что-то может?

const handleChangeInputSearch = (event) => {

    if (event.key === 'Enter') {
      console.log('Enter press!!!')
      search(inputSearch)
    } else {
      setInputSearch(event.target.value);
    }
  };

зависимость прописана, но данные старые все равно, возможно потому что вызывается функция еще до обновления через стейт

Не циклы, потому что мы заранее не знаем, насколько глубокой будет вложенность компонент