Как установить в компоненте value с типом boolean? Указывая value={true}

Question

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

Алексей Светлов

Как установить в компоненте value с типом boolean? Указывая value={true}

получем стороку true

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

0

05.10.2020

10 ответов

3 просмотра

Volodymyr Klimov

Вам помогла песочница, или вы о другом?

0

05.10.2020

Алексей Светлов Автор вопроса

Volodymyr Klimov
Вам помогла песочница, или вы о другом?

И помогла и не помогла)) Есть такой компонент <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

0

05.10.2020

Алексей Светлов Автор вопроса

Volodymyr Klimov
Вам помогла песочница, или вы о другом?

в метод handleChange попадает string

0

05.10.2020

Octanium (Святослав)

Алексей Светлов
И помогла и не помогла)) Есть такой компонент ...

const isMoving = event.target.value.toLowerCase() === "true"

0

05.10.2020

Volodymyr Klimov

Алексей Светлов
в метод handleChange попадает string

В метод handleChange побадает событие, а в target.value - строка потому, что так это работает в принципе, значение инпута имеет тип string

0

05.10.2020

Алексей Светлов Автор вопроса

Volodymyr Klimov
В метод handleChange побадает событие, а в target....

Как сделать что туда попадал isMoving?

0

05.10.2020

Octanium (Святослав)

Алексей Светлов
Как сделать что туда попадал isMoving?

[В ответ на ai] const isMoving = event.target.value.toLowerCase() === "true" (вот еще раз)

0

05.10.2020

Алексей Светлов Автор вопроса

Octanium (Святослав)
[В ответ на ai] const isMoving = event.target.valu...

Да, да... Спасибо. Работет. Думал может еще есть способы

0

05.10.2020

Octanium (Святослав)

Алексей Светлов
Да, да... Спасибо. Работет. Думал может еще есть с...

Внутри того компонента лежит input который всегда возвращает строку, как верно подметил @vklimv . Если вам необходимо прям мутировать булевное значение, лучше брать его из стейта, а не из значения input

0

05.10.2020

Volodymyr Klimov · Accepted Answer

Volodymyr Klimov

https://codesandbox.io/s/sweet-silence-gfqod?file=/src/App.js

0

05.10.2020

169 похожих чатов

Как установить в компоненте value с типом boolean? Указывая value={true}

10 ответов

Похожие вопросы