How to change the State of a parent from a child element?

Question

React Native

In parent

getlogin = (text) => {
      this.setState({ login: text })
   }

   state = {
      component: <Addprofile getLogin={this.getLogin} />,
      login: ''
   }

In a child element I call via props

<TextInput style = {styles.input}
               underlineColorAndroid = "transparent"
               placeholder = "Логин инстаграм"
               placeholderTextColor = "#9a73ef"
               autoCapitalize = "none"
               onChangeText = {props.getLogin(text)}
               />

Error Cannot read property 'getLogin' of undefined

Answer 1

1. Fix handler name:

getLogin = (text) => {
  this.setState({ login: text })
};

2. We fix the transfer of the handler to TextInput:

<TextInput style = {styles.input}
  /* ... */
  onChangeText = {this.props.getLogin}
/>

Answer 2

this.props.getLogin(text)