[]
basit bir react/javascript sorusu
asagidaki kodda changeHandler methodu icerisindeki [e.target.name] ifadesindeki [] ne anlama gelmektedir? tesekkurler
class PostForm extends Component {
constructor(props) {
super(props)
this.state = { userId: '' ,}
}
changeHandler = (e) => {
this.setState({ [e.target.name] : e.target.value})
}
render() {
const { userId } = this.state;
return (
<div><form><div>
<input
type="text"
name="userId"
value={userId}
onChange={this.changeHandler} />
</div></form></div>
)}}
class PostForm extends Component {
constructor(props) {
super(props)
this.state = { userId: '' ,}
}
changeHandler = (e) => {
this.setState({ [e.target.name] : e.target.value})
}
render() {
const { userId } = this.state;
return (
<div><form><div>
<input
type="text"
name="userId"
value={userId}
onChange={this.changeHandler} />
</div></form></div>
)}}
javascriptde bir obje yaratirken key/value degeri verirsin, ornegin;
const birObje = {
isim: 'foo'
}
ama ayni zamanda koseli parantez kullanarak objenin key degerini dinamik olarak da verebilirsin.
let key = 'isim';
const birObje = {
[key]: 'foo'
}
bu verdiginiz ornekte de "e.target.name" ile donen deger olusturulan objenin key degeri. "e.target.value" ile donen deger ise olusturulan objenin o key degere denk gelen deger oluyor. bunu obje de react state icine atilmis burada.
ozetle "e.target.name" string olarak "elma" donerse, "e.target.value" string olarak "armut" donerse
{ elma : 'armut' }
diye bir obje yaratip, react state icine atilmis olur.
const birObje = {
isim: 'foo'
}
ama ayni zamanda koseli parantez kullanarak objenin key degerini dinamik olarak da verebilirsin.
let key = 'isim';
const birObje = {
[key]: 'foo'
}
bu verdiginiz ornekte de "e.target.name" ile donen deger olusturulan objenin key degeri. "e.target.value" ile donen deger ise olusturulan objenin o key degere denk gelen deger oluyor. bunu obje de react state icine atilmis burada.
ozetle "e.target.name" string olarak "elma" donerse, "e.target.value" string olarak "armut" donerse
{ elma : 'armut' }
diye bir obje yaratip, react state icine atilmis olur.
- emrahday
(07.12.20 19:53:18 ~ 19:56:50)
e.target.name'i farkli input alanlari icin kullanicakmis simdi oturdu cok tesekkurler!
- groove (07.12.20 20:00:33)
1
