Problem mit der indirekten Kommunikation zwischen übergeordneten und untergeordneten Elementen

Ich habe ein Problem mit einer indirekten Kommunikation in React Native.

Ich habe eine übergeordnete Komponente, die eine Komponente pro Klasse ist. Und ich habe eine untergeordnete Komponente, die eine funktionale Komponente ist.

Elternteil:

constructor(props) {
  super(props);

  this.state = {
    search: '',
  };
 }

getInfoSearch(userSearch) {
 this.setState({
   search: userSearch
 })
}

render(){
  return(
   <SearchHeader placeholder={'Buscar procedimento'} getValueUserSearch={this.getInfoSearch}/>
  )
}

Kind:

import React, {useState} from 'react';
import {View, TextInput} from 'react-native';

const SearchHeader = props => {
  const [search, setSearch] = useState('');

  const {placeholder, getValueUserSearch} = props;

  const handleSearch = (search) => {
    console.log(this);
    setSearch(search);
    getValueUserSearch(search);
  };

  return (
    <View>
      <TextInput placeholder={placeholder || 'Buscar'} onChangeText={handleSearch}/>
    </View>
  );
};

export default SearchHeader;

Wenn ich jedoch Text in den InputText eingebe, tritt ein Fehler auf. Daraus geht Folgendes hervor:

"Ich kann die setState-Funktion von undefined nicht anwenden."

Wissen Sie, wie ich dieses Problem lösen könnte? Weil ich den Suchstatus im übergeordneten Element ändern möchte.