shevchuknine
commented
2 years ago при первом открытии приложения картинки должны загружаться (без учета debounce, отдельным вызовом) необходимо выровнять по высоте/ширине все картинки в превью, например, сделать их квадратными при открытии картинки должна отображаться подложка (например, черная, чтобы понимать размеры картинки с прозрачным фоном) _ https://github.com/31Vector31/react-training/blob/e088db5859078f4b4fd224d2e6fec82646458ff2/src/PictureGallery/PictureGallery.js#L13 в случае загрузки первой страницы, запрос улетит без page, после клика на "загрузить еще" запрос отправится со значеним page = 1, в результате мы получим тот же набор картинок. page должен отправляться всегда в числовом формате
при пустом поле ввода картинки должны все-равно загружаться useCallback без зависимостей не имеет смысла search - просто форма, которая передает родительскому компоненту введенное значение (с учетом debounce) для выполнения запроса https://github.com/31Vector31/react-training/blob/cf22d698c2c0ea9d7bfa22db1c92ad4cfa8675ac/src/PictureGallery/Search.js#L21 запросы к апи всегда описываются отдельно (отдельный файл, например) и в компонентах только вызываются https://github.com/31Vector31/react-training/blob/cf22d698c2c0ea9d7bfa22db1c92ad4cfa8675ac/src/PictureGallery/Search.js#L10 при каждом ререндере эта пременная создается новая, что значит что старое значение теряется. для реализации механизма, что ты задумал, нужен ибо useRef, либо переменная за пределами компонента https://github.com/31Vector31/react-training/blob/cf22d698c2c0ea9d7bfa22db1c92ad4cfa8675ac/src/PictureGallery/Search.js#L7 это состояние для debounce тебе не нужно https://github.com/31Vector31/react-training/blob/cf22d698c2c0ea9d7bfa22db1c92ad4cfa8675ac/src/PictureGallery/PictureGallery.js#L9 в компоненте Search страничка всегда сбрасывается на начальную, потому имеет смысл просто передавать туда колбек, который это делает и вызывать его там