Tim
в состоянии, если сложить все в массив
чуть выше код, посмотри пожалуйста и скажи какие есть претензии ?
Daniil
не много не понимаю зачем вы useState используете, значения в стейте не меняются жеж у вас
Ivan
так я не понял, useState получается не в состоянии обработать по нормальному более 1го обьекта ?
В состоянии, но это приводит к нечитаемому сложному коду, в котором легко допустить ошибку. Я даже читать не стал ваш код, так как сразу почувствовал: «сейчас будет сложно». Упростите через useReducer — ошибка может исчезнуть сама по себе.
Tim
не много не понимаю зачем вы useState используете, значения в стейте не меняются жеж у вас
они должны поменяться, в этом и вопрос, я хочу ввести в инпут пароль, нажать на "глазик" тем самым изменить в стейте тип поля с пароля на обычный текст, тем самым дать возможность увидеть что ты ввел, но не могу поменять стейт заданный через useState
Daniil
напишите проще, сделайте стейт булевым true/false, нажимаем на глазик меняем true на false и наоборот, в сам инпуст в тип напишите такую кконструкцию - type={state ? password : text}, и уберите все из стейта то что у вас
Bogdan
Вот это портянка
мужская портянка
Daniil
не могу, у меня компонент инпута 1 на весь проект, стейт необходим для передачи пропсов компоненту, все необходимые поля
а в инпут сами пропсы сложить не?) <Input placeholder='Пароль'/> ну либо уж просто отдельную константу сделать со всеми значениями, которые вы мапом хотите вынести, в стейте такое хранить бред бредом)))
Vlad
Нард, а что теперь cra не поддерживает работу с приложением в local network???
Vlad
Я не юзал его, а сейчас захотел((( А как можно включить? eject?
Vlad
Да.
Доступ по local network
Vlad
Круто, но я уже погуглил!
Андрей
Круто, но я уже погуглил!
Какие нерабочие решения нагуглил?
Vlad
Нужен eject, но мне нужно без него!
Андрей
Нужен eject, но мне нужно без него!
В гугле попадал на https://stackoverflow.com/questions/47412363/how-to-open-a-create-react-app-from-another-computer-connected-to-the-same-netwo?
Андрей
Это первая ссылка на том скриншоте.
Tim
почему может перерендериваться страница при использовании стейта через useState, стейт меняется действие выполняется но страница скачет ?
Tim
define скачет.
в реакте не долго, не совсем понял в какую сторону копать, поподробнее если не сложно
Tim
у меня кнопочка которая меняет тип поля инпута, кликаю на нее и перерендеривается не один инпут или его тип а все что есть на странице, весь id root грубо говоря
Андрей
При одновлении стейта будет перерендериваться компонент Auth, так как useState там.
Андрей
как этот вопрос грамотнее решить ?
Посмотри в сторону final-form
Vadim
как этот вопрос грамотнее решить ?
Вынеси инпут и кнопочку которая меняет тип инпута в отдельный компонент и используй useState в том компоненте
MVD
У меня есть выпадающий список. Я ему задал position:absolute, как мне ему задать max-height чтобы он раскрылся до самого низа страницы?
MVD
max-height: 100vh
он не сверху страницы
George
он не сверху страницы
Опиши кейс точнее
MVD
Опиши кейс точнее
В шапке есть кнопка. Когда ее нажимаю, под ней открывается список поверх всего контента. Нужно чтобы этот список раскрылся до низу экрана
Пöß d'Ivoire
сделай position: fixed и bottom: 0
Nickie
Если я правильно понимаю, то тут только скриптом, если неизвестна высота от верха.
MVD
calc(100vh - высота_шапки)
не хочется завязываться в стороннем компоненте на высоту шапки
Vadim
не хочется завязываться в стороннем компоненте на высоту шапки
А придётся. Это верстка. Ты можешь в этот компонент передавать высоту шапки пропсом, например
Mikhail
А придётся. Это верстка. Ты можешь в этот компонент передавать высоту шапки пропсом, например
необязательно. можно сделать высоту 100%, подложить под шапку и указать отступ сверху
Vadim
необязательно. можно сделать высоту 100%, подложить под шапку и указать отступ сверху
Отступ внутренний сверху все равно должен иметь размер шапки. По факту тож самое что и с calc. Только с padding-top надо ещё и заморочиться с z-index чтобы было под шапкой.
Yuriy
Гайз, роутинг, на сэндбоксе при переходе по ссылкам дёргается экран, буд-то перезагружается вся страница или полностью всё рендерится. Не подскажете, в чём может быть дело? https://codesandbox.io/s/react-boilerplate-1-b2wqj
Roman
поделитесь инфой плз, кто юзает CRA в продакшне, какие минусы и плюсы?
Roman
и действительно
MVD
Не за что, удачи
Есть невероятно крутой ответ на такие ответы, но мне лень писать(
Китикет
Есть невероятно крутой ответ на такие ответы, но мне лень писать(
Ну решение очень сложное, поэтому я вот так вот не напишу легко
Китикет
В шапке есть кнопка. Когда ее нажимаю, под ней открывается список поверх всего контента. Нужно чтобы этот список раскрылся до низу экрана
Вот как тут при маленькой ширине экрана, только надо чуток подредачить, и будет то что ты хочешь https://cashkeeper.github.io/frontend
Китикет
а что там?
Менюшка открывающаяся из шапки, можно ее на весь экран растянуть по высоте, если подредачить там стили
Китикет
Но я щас не могу это сделать, так что просто ссылку скинул для понимания общей картины как оно может быть устроено)
Китикет
Плюс в том, что не надо нигде calc делать и новый функционал подгонять под высоту, все самодостаточное, я как раз для этих целей такую штуку и придумал
Леша
Ребят, а как сделать в реакте динамическую подгрузку контента? При скролле чтобы подгружались данные с api. Сервер на Node JS
Андрей
Ребят, а как сделать в реакте динамическую подгрузку контента? При скролле чтобы подгружались данные с api. Сервер на Node JS
Ну это в целом js касается, событие скрола прослушивать, узнавать когда блок достигает границы нижней window + offset если нужно, тогда делать запрос на получение данных
Андрей
wow)
Ilya
Всем добрый день! 👋 Кто-нибудь может пожалуйста объяснить, какую функцию выполняет и на что влияет package-lock.json? Заранее спасибо 🙃
Ilya
и тебе доброе, а что гугл тебе сказал?
1. Что-то вроде хранит всю историю использованных версий пакетов, 2. что по инфе в нем во время установки пропускает уже установленные пакеты, 3. что гарантирует, что у всей команды будут установлены одинаковые версии всех пакетов По 1 вопросов нет ) По 2-ому: пропускает установку последней версии, если установленна предыдущая? По 3-му: я не совсем понимаю, почему для этой цели не хватает package.json, ведь в нем тоже указаны версии (
endifai
Можно вызывать функцию смены состояния из пропсов?
endifai
Typescript ругается
Dmitriy
Typescript ругается
Отругай его, можешь даже выпороть
endifai
Type props has no call signatures
Oleg
Напиши any 😅