Size: a a a

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

2020 September 17

IB

Ivan Bobchenkov in React — русскоговорящее сообщество
Ilya Izilanov
и это будет работать также в функциональном
Как именно, как ты до этого советовал?
источник

II

Ilya Izilanov in React — русскоговорящее сообщество
да
источник

М

Максим in React — русскоговорящее сообщество
А че просто autoFocus не задать для инпута?
источник

..

. . in React — русскоговорящее сообщество
Я делал раньше панели через библиотеку одну, там можно было удобно делать навигацию, переключать панели, возвращаться на предыдущую

а как вообще подобная навигация, панели,  вкладки
источник

..

. . in React — русскоговорящее сообщество
делаются
источник

М

Максим in React — русскоговорящее сообщество
Ivan Bobchenkov
Кстати, по факту вот это я не могу переделать в функциональный, ибо тогда ref будет ошибку выдавать?
Зачем тебе там рефы? Сделай статус показа этой формы зависящей от стейта, а на инпут просто добавь autoFocus, при смене стейта и рендере этой формы будет автоматом фокус на инпут идти
источник

IB

Ivan Bobchenkov in React — русскоговорящее сообщество
Максим
Зачем тебе там рефы? Сделай статус показа этой формы зависящей от стейта, а на инпут просто добавь autoFocus, при смене стейта и рендере этой формы будет автоматом фокус на инпут идти
Статус показа формы? Она же у меня постоянно показывается :D
источник

М

Максим in React — русскоговорящее сообщество
Ivan Bobchenkov
Статус показа формы? Она же у меня постоянно показывается :D
А фокус для чего? Я думал ты её показываешь при нажатии на кнопку и типа тогда тебе надо сразу фокус брать
источник

IB

Ivan Bobchenkov in React — русскоговорящее сообщество
Максим
А фокус для чего? Я думал ты её показываешь при нажатии на кнопку и типа тогда тебе надо сразу фокус брать
Там фишка не в фокусе при показе, а в том, что когда пользователь хочет что-то редактировать, мне нужно поставить value и включить фокус на этом импуте
источник

М

Максим in React — русскоговорящее сообщество
Ivan Bobchenkov
Там фишка не в фокусе при показе, а в том, что когда пользователь хочет что-то редактировать, мне нужно поставить value и включить фокус на этом импуте
Ну так тоже самое же выходит, получается ты отображаешь какой-то инпут зависящий от состояния редактируется или нет элемент. Или не?
источник

IB

Ivan Bobchenkov in React — русскоговорящее сообщество
Максим
Ну так тоже самое же выходит, получается ты отображаешь какой-то инпут зависящий от состояния редактируется или нет элемент. Или не?
Он у меня постоянно отображается, там вообще на странице только он и есть. Будет проще если покажу скринами:
источник

IB

Ivan Bobchenkov in React — русскоговорящее сообщество
Максим
Ну так тоже самое же выходит, получается ты отображаешь какой-то инпут зависящий от состояния редактируется или нет элемент. Или не?
источник

М

Максим in React — русскоговорящее сообщество
Ivan Bobchenkov
Он у меня постоянно отображается, там вообще на странице только он и есть. Будет проще если покажу скринами:
Понял. Я думал ты компонент подгружаешь для формы этой
источник

TS

Tim S in React — русскоговорящее сообщество
Походу я что-то не то делаю
источник

TS

Tim S in React — русскоговорящее сообщество
Получается, что онсабмит реактхукформ превращает текст в стринг, а не делает jsonstringify(текст) - поэтому не получается нормально провалидировать.
источник

TS

Tim S in React — русскоговорящее сообщество
try {
                     const serializedValue=JSON.parse(JSON.stringify(value))
                     if(typeof serializedValue!=='object') return false
                     console.log('nerr')
                     return true;
                   } catch (error) {
                     console.log('err')
                     return false;
                   } Насколько это говнокод из 10 ?
источник

АП

Артём Павлюткин... in React — русскоговорящее сообщество
Ну хотя б так:
try {
    return typeof JSON.parse(JSON.stringify(value)) == 'object'
} catch (e) {
    console.log(e);
    return false;
}

думаешь тут нужен try/catch?
источник

TS

Tim S in React — русскоговорящее сообщество
блин. все равно не работает. У yup нет проверки на валидный json?
источник

II

Ilya Izilanov in React — русскоговорящее сообщество
Артём Павлюткин
Ну хотя б так:
try {
    return typeof JSON.parse(JSON.stringify(value)) == 'object'
} catch (e) {
    console.log(e);
    return false;
}

думаешь тут нужен try/catch?
нужен потому что JSON.parse кидает exception
источник

АП

Артём Павлюткин... in React — русскоговорящее сообщество
Tim S
Получается, что онсабмит реактхукформ превращает текст в стринг, а не делает jsonstringify(текст) - поэтому не получается нормально провалидировать.
"текст" это в каком формате?
источник