Может кто обьяснить, почему кастом хуки работают исключительно в онКлик

Question

React — русскоговорящее сообщество

𝚅𝚒𝚔𝚝𝚘𝚛

Может кто обьяснить, почему кастом хуки работают исключительно в онКлик

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

#frontend #javascript #programming #react.js #russian

0

11.06.2022

10 ответов

12 просмотров

IceBerg

не работают они там

0

11.06.2022

𝚅𝚒𝚔𝚝𝚘𝚛 Автор вопроса

IceBerg
не работают они там

Так записывает в хук <div className='btn btn-success rounded-pill' onClick={ ()=>setLoginStore(userLogin.current.value) }> GO ! </div> Так - нет, если хук в функции для формы использую <div className='btn btn-success rounded-pill' onClick={ handleSubmit }> GO ! </div>

0

11.06.2022

IceBerg

𝚅𝚒𝚔𝚝𝚘𝚛
Так записывает в хук <div className='btn btn-s...

та нету тут никаких хуков) только попытка засетать стейт) ну и что там в handleSubmit непонятно совершенно

0

11.06.2022

𝚅𝚒𝚔𝚝𝚘𝚛 Автор вопроса

IceBerg
та нету тут никаких хуков) только попытка засетать...

я сет в кастом хук делаю import useLocalStorage from '../../hooks/useLocalStorage'; const [loginStore, setLoginStore] = useLocalStorage('loginStore', '')

0

11.06.2022

IceBerg

𝚅𝚒𝚔𝚝𝚘𝚛
я сет в кастом хук делаю import useLocalStorage ...

т.е. что внутри handleSubmit нам по прежнему гадать?

0

11.06.2022

𝚅𝚒𝚔𝚝𝚘𝚛 Автор вопроса

IceBerg
т.е. что внутри handleSubmit нам по прежнему гадат...

const handleSubmit = (e) => { e.preventDefault(); setError('') // clear error const login = userLogin.current.value; //getting login from input setLoginStore(userLogin.current.value) //saving login to local storage navigate('/main') // redirect to main page }

0

11.06.2022

IceBerg

𝚅𝚒𝚔𝚝𝚘𝚛
const handleSubmit = (e) => { e.preventDe...

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

0

11.06.2022

𝚅𝚒𝚔𝚝𝚘𝚛 Автор вопроса

IceBerg
тут как минимум кода больше, может там ошибки пада...

самое интересно что так работает, const handleLocal = () =>{ setLoginStore(userLogin.current.value) }

0

11.06.2022