React parent component state değiştirme
Merhaba arkadaşlar, React çalışıyorum, merak ettiğim bir şey var. App componentimde search komponentimi kullanıyorum.
İstediğim ise search komponentimde App yani parent komponentindeki state'i değiştirmek istiyorum, nasıl yaparım?
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
props olarak gönderip alt komponentinden müdahele edebilirsin
// app.js
import { useState } from 'react'
import Search from './components/Search'
const App = () => {
const [search, setSearch] = useState('')
return (
<Search setSearch={setSearch} />
)
}
// components/Search.js
const Search = (props) => {
return (
<input onChange={e => props.setSearch(e.target.value)} />
)
}