React Native -如何在子组件(StackNavigators)中附加到父状态数组？

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: []
    };
  }

  render() {
    return (
      <ChildComponent data={this.state.data} />
    );
  }
}

class ChildComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      inputValue: ''
    };
  }

  handleInputChange = (text) => {
    this.setState({ inputValue: text });
  }

  handleAddData = () => {
    const { data } = this.props;
    const { inputValue } = this.state;
    const newData = [...data, inputValue];
    this.props.updateData(newData); // 调用父组件传递的更新数据的方法
    this.setState({ inputValue: '' });
  }

  render() {
    const { inputValue } = this.state;

    return (
      <View>
        <TextInput
          value={inputValue}
          onChangeText={this.handleInputChange}
        />
        <Button title="Add" onPress={this.handleAddData} />
      </View>
    );
  }
}