将值发送到React-Native中的函数

import React from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      value: 'Hello React-Native!',
    };
    this.handleValueChange = this.handleValueChange.bind(this);
  }

  handleValueChange(newValue) {
    this.setState({ value: newValue });
  }

  render() {
    return (
      <ChildComponent value={this.state.value} onValueChange={this.handleValueChange} />
    );
  }
}

export default ParentComponent;

import React from 'react';
import { Text, Button } from 'react-native';

class ChildComponent extends React.Component {
  constructor(props) {
    super(props);
    this.handleChangeClick = this.handleChangeClick.bind(this);
  }

  handleChangeClick() {
    const newValue = 'New value from child';
    this.props.onValueChange(newValue);
  }

  render() {
    return (
      <>
        <Text>{this.props.value}</Text>
        <Button title="Change Value" onPress={this.handleChangeClick} />
      </>
    );
  }
}

export default ChildComponent;