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?
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)} />
)
}