К
Foma
ой, песок надо
https://stackblitz.com/edit/react-ksgngx
Ну вот примерно,
Вопрос в том, как в массив childrens забросить то, что выберут из селекта
Ну вот примерно,
Вопрос в том, как в массив childrens забросить то, что выберут из селекта
Size: a a a
2020 March 26
F
чет красное
F
<form className="content" onChange={handler}> а это что?
F
я думал я пошутил когда писал))\
К
Foma
я думал я пошутил когда писал))\
про один универсальный обработчик?)
Да почему нет, удобно же)
Да почему нет, удобно же)
К
мне initialValues приходит 1 раз, я заполняю инпуты этими данными, а потом человек может их изменять, поэтому и нужен был обработчик
К
мне initialValues приходит 1 раз, я заполняю инпуты этими данными, а потом человек может их изменять, поэтому и нужен был обработчик
и вот когда он их заменяет, я чётенько записываю по инпут нейму - инпут велью
Но в массив так же записать не получается. Он записывает в сам обьект, а мени так не надо
Но в массив так же записать не получается. Он записывает в сам обьект, а мени так не надо
F
<input type="text" onChange={handler} name="text1" value="rad2"/>
F
и введи e.target,name в консоль
К
Foma
и введи e.target,name в консоль
ну, будет text1)
F
Foma
<input type="text" onChange={handler} name="text1" value="rad2"/>
у тебя гдето в стейте есть поле text1 ???
К
Foma
у тебя гдето в стейте есть поле text1 ???
нет)
F
так а что оно тогда меняет??
F
давай на классах
F
ты ж сначало реакт выучил а потом хуки??
M
Foma
ты ж сначало реакт выучил а потом хуки??
Ггг в 2020?
К
Foma
ты ж сначало реакт выучил а потом хуки??
ну да)
F
```
this.state = {
text1: ''
}
handler = event => {
event.persist()
this.setState(prev => ({...prev, ...{
[event.target.name]: event.target.value
}}))
}
<input type="text" onChange={handler} name="text1" value="rad2"/>
````
this.state = {
text1: ''
}
handler = event => {
event.persist()
this.setState(prev => ({...prev, ...{
[event.target.name]: event.target.value
}}))
}
<input type="text" onChange={handler} name="text1" value="rad2"/>
````
F
на примере класса
К
Foma
```
this.state = {
text1: ''
}
handler = event => {
event.persist()
this.setState(prev => ({...prev, ...{
[event.target.name]: event.target.value
}}))
}
<input type="text" onChange={handler} name="text1" value="rad2"/>
````
this.state = {
text1: ''
}
handler = event => {
event.persist()
this.setState(prev => ({...prev, ...{
[event.target.name]: event.target.value
}}))
}
<input type="text" onChange={handler} name="text1" value="rad2"/>
````