а че уже в функциональных компонентая можно state юзать? хера се

Привет всем ! Помогите советом пожалуйста, смысл в изменении типа инпута с 'password' на 'text' с целью просмотра по клику на кнопочку с глазиком, не могу додуматься как передать какое либо состояние в этот инпут

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

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

из бункера прогаешь?)

потому что в доке прямо написано что так делать не нада)

Народ. Спасите пжлста. Начал изучать реакт, и походу я для него слишком тупой. Не могу контексты с хуками понять, уже дня три ебусь с этим. Значение контекста сбрасывается на изначальное хоть убейся. Ткните носом в коде https://codepen.io/rpravm/project/editor/Anzpap

как нада ?)

библиотека styled-components, у меня очень маленькие компоненты - дабы не было пересечения классов (про eject в курсе)

Не нужно их так создавать

Народ. Спасите пжлста. Начал изучать реакт, и походу я для него слишком тупой. Не могу контексты с хуками понять, уже дня три ебусь с этим. Значение контекста сбрасывается на изначальное хоть убейся. Ткните носом в коде https://codepen.io/rpravm/project/editor/Anzpap

доку видишь?

что именно ?

ну хотя бы интро)

ты мне вот вообще не предал сейчас в себе уверенности, как начинающему ) что делать то ?))

Ты передаёшь только объект с состоянием. А внутри пытаешься вызывать какие-то методы. Склоке всего, если ты откроешь консоль и начнёшь дебажить, то сам справишься.

Я не понимаю что ты мне хочешь сказать )

Ой-ей, не дочитал код. В стейте храни только данные. Не нужно туда засовывать функции.

Но тогда как менять стейт "снаружи"? Эту тему я взял с примера со стэка

Но тогда как менять стейт "снаружи"? Эту тему я взял с примера со стэка

найдти отличия в своем коде

найдти отличия в своем коде

есть подобный чат для си шарп?

Это то работает, пароль не забивается звездочками

Ой-ей, не дочитал код. В стейте храни только данные. Не нужно туда засовывать функции.

При нажатии на глаз вызывай изменение состояния, состояние прокидывай куда надо и изменяй тип поля и иконку

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

Оно должно быть в родительском

тогда ж перерендерится весь компонент и заберет с собой все введенные данные

Но тогда как менять стейт "снаружи"? Эту тему я взял с примера со стэка

Заберет все данные? Ууу какой негодяй)

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

можно открыть код на редактирование?

Ну вот инпут это и есть родительский компонент, а кнопка с глазом его child

Ну вот инпут это и есть родительский компонент, а кнопка с глазом его child

Народ. Спасите пжлста. Начал изучать реакт, и походу я для него слишком тупой. Не могу контексты с хуками понять, уже дня три ебусь с этим. Значение контекста сбрасывается на изначальное хоть убейся. Ткните носом в коде https://codepen.io/rpravm/project/editor/Anzpap

https://codesandbox.io/s/sweet-matsumoto-vr6x4 вот так же работает

Ну это обычный стейт. А мне нужен контекст, который можно модифить из вложенных компонентов

а у тебя не обычный?? у тебя тоже самое

Ну он подцепляется через useContext

Ппзже перекину. Сейчас попробую другой подход снчала

Не помогает как в офф доках через Consumer. Походу где-то в другом месте я ебланю

Доброго времени суток, Есть такая задача,нужно выбрать в таблице все записи, но вот одно очень важное условие - в базе записей может быть > 50к. Если у кого-то был такой опыт решения подобной задачи - поделитесь мыслями. Заранее спасибо!

стейт храни отдельно без всяких функций, это же данные. фунцию для смены стейта пихай отдельно в контекст, то бишь в value={тут стейт + функция для его смены}

https://codepen.io/jurij-solowew/project/editor/XpMprP

Благодарствую очень 👍

Привет всем ! Помогите советом пожалуйста, смысл в изменении типа инпута с 'password' на 'text' с целью просмотра по клику на кнопочку с глазиком, не могу додуматься как передать какое либо состояние в этот инпут

Положи И инпут И кнопку глаза в отдельный компонент. Сделай у этого компонента стейт. Меняй его по клику на глаз, в Input меняй тип в зависимости от состояния

Слетает введенное в инпут

Ну так это уже другая проблема. Откуда этот компонент Input?

Этот компонент отдельный, он как бы один и переиспользуется путём передачи пропсов

Слетает введенное в инпут

А значение введённого он хранит?

Вложи в компонент со стейтом и при смене значения меняй стейт, а при смене типа передавай стейт контейнера как пропс в поле

Ну поля вэлью нет совсем

Слетает введенное в инпут

Это ответ на мой вопрос? Кажись нет

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

Ну так если он нигде не фиксирует, почему при перерисовке компонента этот value должен сохраниться?) читай по ссылке выше короче

При смене типа поля передаешь в качестве пропса компонента поля значение стейта контейнера. Как стартовое значение инпута

Логично, дырявая моя голова )