Size: a a a

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

2020 October 05

O(

Octanium (Святослав)... in React — русскоговорящее сообщество
ai
И помогла и не помогла))
Есть такой компонент
                           <RadioGroup aria-label="gender?" value={isMoving} name="gender1" onChange={this.handleChange}>
                                   <FormControlLabel value={true}  control={<Radio />} label="Да" />
                                   <FormControlLabel value={false} control={<Radio />} label="Нет" />
                               </RadioGroup>
Однако метод
   handleChange = async event => {
       const isMoving = event.target.value
       this.setState({ isMoving })
   }
cудя по всему получает string
const isMoving = event.target.value.toLowerCase() === "true"
источник

т

тим in React — русскоговорящее сообщество
Тимофей 🛴
Что бы меньше кода писать
Ну, я ненамного кода больше написал. В бандле конечно этот редукс экшонс 7кб выйдет всего. Но чёт особого удобства там не увидел.
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
ai
в метод handleChange попадает string
В метод handleChange побадает событие, а в target.value - строка потому, что так это работает в принципе, значение инпута имеет тип string
источник

a

ai in React — русскоговорящее сообщество
Vladimir Klimov
В метод handleChange побадает событие, а в target.value - строка потому, что так это работает в принципе, значение инпута имеет тип string
Как сделать что туда попадал isMoving?
источник

O(

Octanium (Святослав)... in React — русскоговорящее сообщество
ai
Как сделать что туда попадал isMoving?
[В ответ на ai]
const isMoving = event.target.value.toLowerCase() === "true" (вот еще раз)
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
тим
Ну, я ненамного кода больше написал. В бандле конечно этот редукс экшонс 7кб выйдет всего. Но чёт особого удобства там не увидел.
По одному скрину не понятно что ты написал. В Act тоже не очень много кода
источник

a

ai in React — русскоговорящее сообщество
Octanium (Святослав)
[В ответ на ai]
const isMoving = event.target.value.toLowerCase() === "true" (вот еще раз)
Да, да... Спасибо. Работет. Думал может еще есть способы
источник

ЕЕ

Егор Егоров... in React — русскоговорящее сообщество
Колеги здраствуйте. Вопрос для тех кто использует gatsby. Есть вопрос по нему. Я получаю данные с файла через gatsby-transformer-json. Данные существуют получить их могу. Но когда делают фальтрацию в graphql он не фильтрует. Кто-нибудь сталкивался?
источник

RA

Rakhat Aubakirov in React — русскоговорящее сообщество
Приветствую всех, недавно начал изучать Реакт, необходимо сделать валидацию для очень простой формы, используя только useState. При поиске в интернете все статьи попадаются с использованием дополнительных хуков, например useEffect. Можно ли вообще обойтись одним useState?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Rakhat Aubakirov
Приветствую всех, недавно начал изучать Реакт, необходимо сделать валидацию для очень простой формы, используя только useState. При поиске в интернете все статьи попадаются с использованием дополнительных хуков, например useEffect. Можно ли вообще обойтись одним useState?
Это вам кто-то дал задание "обойтись только useState"?
источник

O(

Octanium (Святослав)... in React — русскоговорящее сообщество
ai
Да, да... Спасибо. Работет. Думал может еще есть способы
Внутри того компонента лежит input который всегда возвращает строку, как верно подметил @vklimv . Если вам необходимо прям мутировать булевное значение, лучше брать его из стейта, а не из значения input
источник

RA

Rakhat Aubakirov in React — русскоговорящее сообщество
Vladimir Klimov
Это вам кто-то дал задание "обойтись только useState"?
Именно так
источник

А

Александр in React — русскоговорящее сообщество
Rakhat Aubakirov
Приветствую всех, недавно начал изучать Реакт, необходимо сделать валидацию для очень простой формы, используя только useState. При поиске в интернете все статьи попадаются с использованием дополнительных хуков, например useEffect. Можно ли вообще обойтись одним useState?
Можно через if фигачить, но это плохая практика, по хорошему состояние должно меняться в useEffect, ну или в колбэках, передаваемых куда-то в jsx.
источник

D

Daniil in React — русскоговорящее сообщество
Всем привет, возможно ли скопировать текст в буффер без использования document или window, делаю SSR, нужно как-то обойти это
источник

OK

Oleg Korovin in React — русскоговорящее сообщество
ща перезайду
источник

А

Александр in React — русскоговорящее сообщество
Rakhat Aubakirov
Приветствую всех, недавно начал изучать Реакт, необходимо сделать валидацию для очень простой формы, используя только useState. При поиске в интернете все статьи попадаются с использованием дополнительных хуков, например useEffect. Можно ли вообще обойтись одним useState?
Хотя валидацию формы в принципе и так можно сделать, просто пишешь валидацию в методах, в которые оборачиваешь свои setState и навешиваешь эти методы на onChange инпутов
источник

Р

Роман in React — русскоговорящее сообщество
Можно ли как-нибудь в одном из редюсеров либо из компоненты обратится к rootState?
источник

Р

Роман in React — русскоговорящее сообщество
Например ,когда юзер делает логаут сделать store undefined
источник

А

Александр in React — русскоговорящее сообщество
Александр
Хотя валидацию формы в принципе и так можно сделать, просто пишешь валидацию в методах, в которые оборачиваешь свои setState и навешиваешь эти методы на onChange инпутов
Кури доку formik'а, крч, там максимально подробно разжевано, как с формами работать, лень её переписывать сюда.
источник

RA

Rakhat Aubakirov in React — русскоговорящее сообщество
Александр
Хотя валидацию формы в принципе и так можно сделать, просто пишешь валидацию в методах, в которые оборачиваешь свои setState и навешиваешь эти методы на onChange инпутов
Благодарю
источник