Люди добрые, помогите пожалуйста советом! Задание сделать виджет с погодой, в котором при нажатии кнопки будет добавляться новый компонент с погодой для введенного города( а не заменяться предыдущий). Пытаюсь сделать через массив, но при введении нового города ничего не обновляется, хотя в массив добавляется новое значение.

вынеси массив с которым будешь работать в хукстейт, затем при вызове функции просто через concat либо же через [..oldCity, city] используй setState, это как один из вариантов, если работать с useState()

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

Да я о том что реакт уходит быстрым шагом от классовых компонент и если юзать его в ногу со временем зачем вообще пользоваться конструктором ? Писать новое на функциональных компонентах и не заморачиваться..

А старое пусть остаётся как есть..и вся проблема...

Да я о том что реакт уходит быстрым шагом от классовых компонент и если юзать его в ногу со временем зачем вообще пользоваться конструктором ? Писать новое на функциональных компонентах и не заморачиваться..

ну вот я изначально и задвался вопросом правильно ли делать это в конструкторе, если уже используются классовые компоненты

такое ощущение, что материал в доке устаревший и обновляться не планирует

ну вот я изначально и задвался вопросом правильно ли делать это в конструкторе, если уже используются классовые компоненты

Вообще классовые уже пережиток....все новое лучше на функциональных писать иначе зачем в реакт уходить было..

неудачно пошутил?))Dmitriy

useState гораздо проще и прикольней setState

Конечно, ведь прикольность и простота это главное в разработке. А то, что мало кто может объяснить как конкретно хуки работают, на каких принципах и хорошо структурировать код — то такое, ага.

useState гораздо проще и прикольней setState

согласен, но я иногда скучаю по колбеку, useEffect не идеален:/

такое ощущение, что материал в доке устаревший и обновляться не планирует

Так скоро под 17-й писать будут..наверное потому особо и не обновляют..)

setCity(cities => [...cities, refCity.current.value])

Конечно, ведь прикольность и простота это главное в разработке. А то, что мало кто может объяснить как конкретно хуки работают, на каких принципах и хорошо структурировать код — то такое, ага.

А что там объяснять...просто загримированный setState под каждый отдельный случай..

А что там объяснять...просто загримированный setState под каждый отдельный случай..

охуенное объяснение. а главное, неверное. но разработка это прикольно.

согласен, но я иногда скучаю по колбеку, useEffect не идеален:/

Ну жизненные циклы мне тоже понятней чем логика useEffect...но это дело времени..

setCity(cities => [...cities, refCity.current.value])

воооу. Спасибо) не пояснишь почему в таком случае заработало и в чем была моя ошибка?

Главное во всем этом каждый день узнавать и пробовать немного нового а не пылью зарастать..иначе скучно и рутинно все..

воооу. Спасибо) не пояснишь почему в таком случае заработало и в чем была моя ошибка?

Читай что такое лексическое окружение, замыкание. В доке реакта - особенность работы хуков. https://ru.reactjs.org/docs/hooks-faq.html#why-am-i-seeing-stale-props-or-state-inside-my-function

Читай что такое лексическое окружение, замыкание. В доке реакта - особенность работы хуков. https://ru.reactjs.org/docs/hooks-faq.html#why-am-i-seeing-stale-props-or-state-inside-my-function

Спасибо)

Спасибо)

Запомни простое правило. Если нужен новый стейт на основании старого то юзай колбек. Если нужен новый стейт на основании нескольких старых стейтов - useReducer

Ребята, что опять делаю не так?

Ребята, что опять делаю не так?

Всегда было интересно. Зачем лезть во фреймворки, не зная языка?

https://reactjs.org/docs/forms.html#controlled-components

привет всем

Не пойму а зачем там реф ?

Всегда было интересно. Зачем лезть во фреймворки, не зная языка?

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

Всегда было интересно. Зачем лезть во фреймворки, не зная языка?

Опять двадцать пять) Можно пожалуйста менее токсично

я работаю с input... Столкнулся с такой проблемой: Если использую тег input - всё работает. Если выношу его в отдельный компонент - перестает работать.... Скрин сейчас скину

Не пойму а зачем там реф ?

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

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

Ты посчитай какую по счету страницу в доке кинул. Есть пределы адекватности.

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

дак понятно учатся. но хотя бы элементарный дебаг, тот же console.log освоили, чтобы понимать, что там приходит

я работаю с input... Столкнулся с такой проблемой: Если использую тег input - всё работает. Если выношу его в отдельный компонент - перестает работать.... Скрин сейчас скину

Скинь пример в песочнице вместо скриншота

окей

Опять двадцать пять) Можно пожалуйста менее токсично

где тут токсичность?

дак понятно учатся. но хотя бы элементарный дебаг, тот же console.log освоили, чтобы понимать, что там приходит

3 Скрин )

народ. напомните. как передать в компонент инлайн стиль... У меня: font-family: Adventure Regular но не помню, как это в реакте записать. Подскажите.

Ты посчитай какую по счету страницу в доке кинул. Есть пределы адекватности.

не совсем понял месседж)

народ. напомните. как передать в компонент инлайн стиль... У меня: font-family: Adventure Regular но не помню, как это в реакте записать. Подскажите.

господи, ну тут же можно погуглить

4 утра. Мне уже не помогает)

народ. напомните. как передать в компонент инлайн стиль... У меня: font-family: Adventure Regular но не помню, как это в реакте записать. Подскажите.

https://www.google.ru/search?q=react+inline+font+family&ie=UTF-8&oe=UTF-8&hl=en-ru&client=safari

3 Скрин )

ну у тебя current не определён. логично, что что-то с this.answerRef у тебя не так. выведи его в консоль, посмотри, что там

ну у тебя current не определён. логично, что что-то с this.answerRef у тебя не так. выведи его в консоль, посмотри, что там

ну у тебя current не определён. логично, что что-то с this.answerRef у тебя не так. выведи его в консоль, посмотри, что там

ну вот и копай в эту сторону

Может я ночью туплю но не с он ченчь ли ему снимать евент и оттуда сетать велью..

ну вот и копай в эту сторону

Не очень понимаю насколько глубоко, и в какую) Поэтому и пишу

https://codesandbox.io/embed/condescending-http-rdb6n?fontsize=14

Тебе не нужен реф. Копай в сторону документации.

Тебе не нужен реф. Копай в сторону документации.

так я ссылку выше кинул

я не шарю, как там верно всё настроить, чтоб работало, но код есть

Скинь пример в песочнице вместо скриншота

скинул)

https://codesandbox.io/embed/condescending-http-rdb6n?fontsize=14

ничего не вижу в браузере

ну вот я говорю, не разобрался как настроить

посмотри код просто

Может я ночью туплю но не с он ченчь ли ему снимать евент и оттуда сетать велью..

тссс это слишком легко

Тебе не нужен реф. Копай в сторону документации.

А если с рефом? У меня так в другой компоненте работает Идентичный код А в этой не хочет

Убери реф...в он ченчь пихни стрелочную функцию..в нее заходит евент.у евента бери тарге велью и сетай в Стейт..

рефы вообще это крайний случай

А то запускается копать в рефы..и вообще реакт говорит что рефы это не по фен-шую...они на самый крайний случай когда уже вообще никак..

А то запускается копать в рефы..и вообще реакт говорит что рефы это не по фен-шую...они на самый крайний случай когда уже вообще никак..

Океей, так сделаю, спасибо! Просто интересно, почему один и тот же код по разному работает

не могу понять, почему с компонентом не работает( Если просто использую инпут - всё работает) Спасибо за помощь

ваши видеокурсы безнадёжно устарели

какие курсы?

Океей, так сделаю, спасибо! Просто интересно, почему один и тот же код по разному работает

Там в хендл ченчь приходит евент...

Он там как е .. и у него велью берется

не могу понять, почему с компонентом не работает( Если просто использую инпут - всё работает) Спасибо за помощь

хендл чейндж и дефолтвелью прокинь дальше до инпута внутри компонента

хендл чейндж и дефолтвелью прокинь дальше до инпута внутри компонента

а если я потом захочу использовать этот компонент в другом месте?

а если я потом захочу использовать этот компонент в другом месте?

что помешает?

что помешает?

как мне потом в другом месте onChange сменить?

как мне потом в другом месте onChange сменить?

в другом месте в проп ончейдж пойдет ссылка на другой хендлер

не могу понять, почему с компонентом не работает( Если просто использую инпут - всё работает) Спасибо за помощь

Поставь вместо дефолт велью, просто велью

Что сказать человеку, который хочет matherial-c?

Почитай про редах форм...там сложно в начале но потом прикольно..создай один раз норм компонент инпута с валидацией.. настройкой через пропсы и юзай во всех формах..