Как получить значения состояния другого компонента в React-Native?

Question

showConfirmationMessage = () => {
    Alert.alert(
      'Confirmation Message',
      'Proceed?',
      [
        {text: 'BACK', onPress: () => this.setState({ loading: false })},
        {text: 'CONFIRM', onPress: () => this._getTaskData()},
      ],

      {cancelable: false},
    );
  }



_getTaskData = () => {
    console.log(this.component2.getValue());
}

Так я и назвал функцию.Когда я вызвал _getTaskData () напрямую, он работает нормально.Но когда я вызываю его как выше (через сообщение с подтверждением), он выдает ошибку.

Answer 1

Напишите функцию внутри Component2, чтобы получить введенные значения:

getValue = () => {
    return this.state.inputValue;
}

и установите ссылку для вашего Component2 внутри Component1

<Component2 ref={r => this.component2 = r} />

Теперь вы можетеполучите входное значение с помощью this.component2 ссылки

this.component2.getValue();