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

Пацыки, кто знает, на что влияет такая строка при прототипном наследовании? MyObject.prototype.constructor = MyObject; Сейчас тыркаю, что с ней и что без нее, работет вроде все так же

Добрый вечер. В компоненте есть таблица, в ней над одним из столбцов инпут, по которому отправляется запрос в БД с содержимым этого инпута, nameFilter. Это параметр "имя", из БД будут возвращены все записи, содержащие "имя" в поле "имя" записи. По вводу текста в этот инпут введённый фильтp ставится на state: <input type='text' name='name' onChange={(evt) => setNameFilter(evt.target.value)} /> Выше в коде есть запрос в БД: if (nameFilter) { getRecordsForPage(1, nameFilter); } Такой код приводит к бесконечному перерендеру страницы. Отчего так и как сделать правильно? Идея в собрать все фильтры (будет 3 штуки) в state компонента и затем по изменению любого из фильтров отправлять запрос в БД со значениями всех (3-х) фильтров.

Всем добрый вечер. Написал код для поиска фотографий через api unsplash. Ввожу в поле поиска ключевое слово и у меня даже в консоли ничего не выводится. Что я делаю не так? подскажите плз

Всем добрый вечер. Написал код для поиска фотографий через api unsplash. Ввожу в поле поиска ключевое слово и у меня даже в консоли ничего не выводится. Что я делаю не так? подскажите плз

Подскажите, пожалуйста, насколько правильно использовать callback от setState в случае, если мы передаем данные из state от дочернего к родителю ? Есть ли более удачные варианты? пример кода: https://codesandbox.io/s/goofy-https-0ypt8

У вас два стейта, которые отвечают за одни и те же данные. Зачем? В дочернем компоненте сразу передавайте данные родителю — внутренний стейт не нужен.

Это упрощенный пример. Стейт нужен.

ты можешь подробно рассказать что ты в каждой строке своего кода делаешь? для начала самому себе конечно

Заверните в form, укажите <form onSubmit={handleSubmit}>

подключаю эффект состояние и fetch для next js затем функцию Search с константами для эффектов состояния, дальше обработчики события и сам запрос

Aleksandr я передаю всего родителя, потому что, например, вот есть у меня компонент "список постов и комментов", соответссенно в нём есть компонент "пост", внутри которого компоненты "комментарий", внутри которых уже в бесконенчной иереархии тоже комментарии, и вот что бы не кидать дочерним компонентам одни и те же методы, я решил кидать имнепосрественно самого родителя и уже юзать его методы под редакосом со значениями из дочер компонента

сорян, я конечно не первый день реактом занимаюсь и программированием в принципе, но я ни слова не понял что ты описал

удобно когда сразу можно вызваать ф-цию

@Bessssarab надо для себя описать четко функцию компонента, что он должен делать если это форма с кнопкой сабмит, то наверное должен быть где то тэг <form onSubmit={submit}> тут внутри инпуты и кнопка сабмит <button>Submit</button> </form>

@vklimv ещё не дошёл

удалили мой актуальный комент

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

Выкаментил пока. Как мне триггерить useEffect при изменении переменных, которые приходят изнутри компонента при заполнении юзером инпута, а не из его пропсов?

Привет, ктонибудь в курсе как выглядит синтаксис подключения коменента к стору, через connect, и подключения к нескольких хокам ондовременно?

connect(mstp, mdtp)compose(hoc1, hoc2(component) не работает

Привет как можно состоянии state передать на другой js файл и там менять состояние ?

import { compose } from 'redux'

Наподобие с withRouter и ещё с Redux формой, например? Один HOC внутрь другого.

import { compose } from 'redux'

хуки

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

в каком смысле забыл? Ты же её назвал))

не, а там жизненный цикл у кого был? в самом рекомпозе? этого не помню

https://habr.com/ru/company/raiffeisenbank/blog/354768/

ок, спасибо, сейчас изучу

как мне тут могут помоч хуки?

хуки это хуки, хоки это хоки =)

const { LoadingModal } = useLoadingModal(isLoading)

получается, поверх будет вылезать модалка? c такими приемами я еще не знаком

Всем привет, можете скинуть пример как на react сделать zoom картинки ? К примеру у нас есть картинка и 2 кнопки, + и - соответственно,мы можем приближаться и удаляться. Либо почитать как можно такое сделать. Вообще конечно и колесиком мыши надо делать аналогичные действия. Нужно направление откуда двигаться

никак сходу не уловлю. Почему кажется что это отличается от аналогичного не на реакте?)

события на прокрутку колёсика мышки, потом смена высоты и ширины, компонент картинки со стейтом или параметрами ивент который меняет, всё

Всем привет. Есть вопрос про события. В общем моя задача - сделать модальное окно, закрываться должно кнопкой внутри модалки или если нажимать на внешнюю область(в любом месте документа). Есть div в div'е, на внешний div повешано onClick обработчик, Когда я нажимаю на внутренний div, срабатывает onClick обработчик внешнего div. Такую проблему норм можно решить с проверкой currentTarget и target, но тогда, если вешать тот же обработчик на, допустим кнопку, в которой есть еще svg иконка, то пользователю приходится кликать именно на кнопку, минуя икноку, как это можно решить?

Всем привет. Есть вопрос про события. В общем моя задача - сделать модальное окно, закрываться должно кнопкой внутри модалки или если нажимать на внешнюю область(в любом месте документа). Есть div в div'е, на внешний div повешано onClick обработчик, Когда я нажимаю на внутренний div, срабатывает onClick обработчик внешнего div. Такую проблему норм можно решить с проверкой currentTarget и target, но тогда, если вешать тот же обработчик на, допустим кнопку, в которой есть еще svg иконка, то пользователю приходится кликать именно на кнопку, минуя икноку, как это можно решить?

Перехвати всплытие