Мира
Я в ЖСе пол года сидел, и писал на нативном скрипты
У меня тут диссонанс именно из-за того что с контекстами работало, с редаксом нет
Мира
Мало ли, коннект чет ломает по пути
Если бы не работало в обоих случаях, и так все поянтно
Dmitry
Maxim
Я в ЖСе пол года сидел, и писал на нативном скрипты
У меня тут диссонанс именно из-за того что с контекстами работало, с редаксом нет
если чесно то слабо вериться что пол года сидел на жс
Мира
Если есть скобки, то идет вызов функции
Без скобок - передача функции обработчику без вызова
Я прост передавал в обработчик функцию тупо из пропсов не делая обертки, вот и полетело
Мира
Если я проблему решил, значит я знаю что я делаю
Прост хотел углубится, почему с контекстами оно работало и без этого
Меня это удивило
Мира
(я ответ закинул раньше чем товарищ выше мне подсказал,но всеравно спасибо)
Maksim
Ребят, только начал изучать Реакт.
Как сделать чтобы рендер одного компонента происходил по кнопке из другого компонента?
Danil
Кто-нибудь проходил этот курс?
Содержание соответствует описанию?
https://www.udemy.com/course/complete-react-developer-zero-to-mastery/
Я смотрю сейчас. Где то 30% уже прошел. Нормальный курс, нормально объясняют
Maxim
Maksim
Ну по ходу я делаю что-то не так
Мира
Ребят, только начал изучать Реакт.
Как сделать чтобы рендер одного компонента происходил по кнопке из другого компонента?
Пробрасывай пропсами коллбек, что будет менять состояние компоненты
В состоянии будет какой нибудь условный isActive = false
И в рендере пишешь:
if(isActive){
return <Component2>
}
return null
Мира
У тебя компоненты соседние? Или одна в другой?
Maksim
у меня есть компонент Кнопка
и есть компонент Миниатюра, который вставляет значения из инпутов (имя, город и тд)
как сделать чтобы этот компонент Миниатюра работал по кнопке.
Maxim
Maxim
Maksim
Да просто в другой элемент html
Мира
у меня есть компонент Кнопка
и есть компонент Миниатюра, который вставляет значения из инпутов (имя, город и тд)
как сделать чтобы этот компонент Миниатюра работал по кнопке.
Это уже нужно составлять бизнес-логику
Почитай про flux
Не думаю что на все приложение у тебя ток одна кнопка будет
Maxim
может тогда уже не в html а компонент?
Bogdan
Maksim
Да, получается в компонент
Maksim
Похоже я изначально делаю что-то не так
Maxim
Да, получается в компонент
ну тогда у тебя будет один компонент врапер, в котором будет стейт инпутов, и функции для их обработки onChange ну и клик по кнопке, врапер рендерит кнопку в которую пробрасывает колбек для клика, а в миниатюру значения инпутов и из колбеки onChange, собственно при клике на кнопку у тебя в стейте уже будут значения инпутов и ты можешь их передать в другой компонент
Vlad
кто-то юзал react-password-strength?
как мне отловить onChange, чтобы в аргументах падал event?
Maksim
Ух, звучит сложно
Maksim
Попробую оформить если смогу, спасибо
Мира
changetext аргумент принимает? Без обертки это event
Вот он и вылез
Короче я прост забыл что закоментировал строку кода, в котором ловил target.value события)
Но все же, если обработчик не должен прокидывать никаких аргументов и ничего не возвращает, обертка по идее не нужна
Если по нажатию должна быть вызваана функция из пропсов, ее можно тупо указать из пропсов, без предварительной обертки. Если она ничего не передает
Я к этому клонил
Но всеравно спасибо.
Dwight🫀
Dwight🫀
Dwight🫀
нужто что бы после перезагрузки значение так же сохранялось, пока не сотру, а не до первой пройдетой категории
Tim
Локалстораге ?
Denis
Dwight🫀
Нужно по другому, локалстор запретили тут) думаю что то с роутами
Denis
так я и говорю, урл параметерс
иначе какой смысл сохранять стейт при релоаде
просто чтобы юзер который нечаянно тыкнул не потерял слово которое ввел?
Dwight🫀
Ааа, пропустил смс, спасибо. У меня установлен роут на компонент поиска/категорий и карточек
Dwight🫀
И что бы после обновления страницы сохраняло и сортировало сделал. Но вот как сделать, что бы когда после перезагрузки шагаю по категориям не пропадало я хз
Ivan
Ivan
И что бы после обновления страницы сохраняло и сортировало сделал. Но вот как сделать, что бы когда после перезагрузки шагаю по категориям не пропадало я хз
https://reacttraining.com/react-router/web/example/query-parameters
Dwight🫀
Спасибо🖤
Tim
Poprobyy zadat вопрос 2 raz . https://codesandbox.io/s/frosty-ride-h88fd. Какой тип сделать в useOutsideAlerter(ref) у рефа, чтоб тс не ругался.
Sarvar
Всем привет!
Кто знает, подскажите пожалуйста:
какой выбрать UI компонентный фреймворк для react, Material UI или Ant design?
Писал до этого на vue 1.5 года.
Для vue в начале выбрал vuetify так как было наибольшее кол-во звёзд на github, многие рекомендовали и отзывы были хорошие и на первый взгляд все очень даже не плохо, но после опыта использования пожалел так как была очень плохая кроссбраузерная поддержка, пришлось много всего брать из polyfill для ie11, и плохая поддержка ios safari, и потом познакомился с Quasar, уже год использую, ребята реализовали все грамотно. Спасибо за внимание, и за любую помощь.
Stasya
Всем приветы) а вот если элементы мапятся, например, li в нем кнопка, по клику на кнопку нужно добавлять или удалять класс, как сделать чтобы стейт менялся не у всех li по клику, а только у той, по кнопке которой кликнули?
Michael
Всем приветы) а вот если элементы мапятся, например, li в нем кнопка, по клику на кнопку нужно добавлять или удалять класс, как сделать чтобы стейт менялся не у всех li по клику, а только у той, по кнопке которой кликнули?
например по индексу, кидай в стейт id liшки и в className проверяй, есть id в стейте или нет
Stasya
например по индексу, кидай в стейт id liшки и в className проверяй, есть id в стейте или нет
хм, сейчас попробую...
Stasya
хотя я не понимаю как((
Stasya
при мапинге кидать в стейт, при клике проверять класс?
Ura
Всем привет!
Кто знает, подскажите пожалуйста:
какой выбрать UI компонентный фреймворк для react, Material UI или Ant design?
Писал до этого на vue 1.5 года.
Для vue в начале выбрал vuetify так как было наибольшее кол-во звёзд на github, многие рекомендовали и отзывы были хорошие и на первый взгляд все очень даже не плохо, но после опыта использования пожалел так как была очень плохая кроссбраузерная поддержка, пришлось много всего брать из polyfill для ie11, и плохая поддержка ios safari, и потом познакомился с Quasar, уже год использую, ребята реализовали все грамотно. Спасибо за внимание, и за любую помощь.
ну ант хорошо старыми браузерами даже воспринимается, его китайцы лепили, у них ie даже ниже 9 версии все еще в ходу
Michael
хотя я не понимаю как((
массив = useState, setState - давляешь по клику в массив id li-шки, className={проверяешь есть ли id в массиве}, так понятнее?
Stasya
массив = useState, setState - давляешь по клику в массив id li-шки, className={проверяешь есть ли id в массиве}, так понятнее?
немножко( пойду перечитаю про хуки
Stasya
никогда не использовала((
Sarvar
ну ант хорошо старыми браузерами даже воспринимается, его китайцы лепили, у них ie даже ниже 9 версии все еще в ходу
Спасибо большое за совет, я тоже в сторону ant больше присматриваюсь)
Michael
никогда не использовала((
можно без хуков, вместо useState, просто сделать массив в state, остальное тоже самое
artalar
А кто-нибудь делал SSR с JSDom - оно медленно?
artalar
Вопрос как оно по перфу?
Roman
А кто-нибудь делал SSR с JSDom - оно медленно?
оно кажись не сработает вообще... там много чего не заимплеменчено
хотя возможно как раз не заимплеменчено то что связано с браузером, а в сср этого и не надо
Stasya
Алексей
Всем привет! Кто то работал с rsa ? Какие библиотеки посоветуете ?
Natalia
а у вас было что при клике на иконку внутри антд-кнопки она прыгала в сторону (нативные анимации антд)
Denis 🇺🇦
Есть ли сейчас хоть одна причина писать новый код используя классы, а не функции?
Maxim
Тимофей 🛴
Есть ли сейчас хоть одна причина писать новый код используя классы, а не функции?
Нет, только ради componentDidCatch
Daniil
Всем привет. Кто пользовался material-ui , как в DatePicker сделать доступными конкретно несколько дней, а все остальные дни вообще сделать недоступными? Пока нашел возможность только сделать конкретные дни недоступными, а все остальное доступное, мне надо наоборот.
Китикет
Всем привет. Кто пользовался material-ui , как в DatePicker сделать доступными конкретно несколько дней, а все остальные дни вообще сделать недоступными? Пока нашел возможность только сделать конкретные дни недоступными, а все остальное доступное, мне надо наоборот.
Там же наверное функция, из которой надо вернуть true/false? Просто возвращай false когда на входе один из недоступных дней
Daniil
Там же наверное функция, из которой надо вернуть true/false? Просто возвращай false когда на входе один из недоступных дней
По всей видимости чекаются все будущее дни, а следовательно глохнет все)
Daniil
Пробовал, такое себе получается
Китикет
По всей видимости чекаются все будущее дни, а следовательно глохнет все)
Ну если бы так было, то наверное при любой функции глохло бы, может у тебя там что-то крайне тяжелое в ней?
Китикет
Мне кажется эти календари проверяют только то что в области видимости, так что вряд ли
Китикет
По всей видимости чекаются все будущее дни, а следовательно глохнет все)
А у тебя доступные дни это период непрерывный, или они чередуются с недоступными? Вижу там есть minDate и maxDate, можно было бы было ими обойтись, но это не очень решение, если вдруг в будущем могут пробелы появиться)
Daniil
Наверное нужно сокращать промежуток с макс и мин дейтом
Vitalii
есть какой то аналог :hover только для жса?
мне нужно при наведении на контрейнер менять стетейт компонента