javascript передачаданныхотребенкакродителю

Posted 2021-05-03

// PARENT
    state = {
        searchValue: ''
    }
    onSearch(value) { 
        this.setState( (state, props)=>{
            return {
                searchValue: value
            }
        })
    }
    ... 
    <Filter onSearchChild={(val)=> this.onSearch(val)} />
    
    
// CHILD
    onSearchCh (e) {
        this.props.onSearchChild(e.target.value)
    }
    <Input onChange={(e)=>this.onSearchCh(e)} />