在 React Native 中，子组件向父组件通信可以通过回调函数实现。下面是一个简单的示例：
父组件：
```javascript
import React from 'react';
import { View, Button } from 'react-native';
class ParentComponent extends React.Component {
  handleCallback = (data) => {
    // 处理子组件传递的数据
    console.log('Received data from child:', data);
  };
  render() {
    return (
      <View>
        <ChildComponent callback={this.handleCallback} />
      </View>
    );
  }
}
export default ParentComponent;
```
子组件：
```javascript
import React from 'react';
import { Button } from 'react-native';
class ChildComponent extends React.Component {
  sendDataToParent = () => {
    const data = 'Hello from child!';
    this.props.callback(data); // 调用父组件传递的回调函数，并传递数据
  };
  render() {
    return (
      <Button title="Send Data" onPress={this.sendDataToParent} />
    );
  }
}
export default ChildComponent;
```
在上述示例中，父组件 `ParentComponent` 包含一个子组件 `ChildComponent`。父组件定义了一个名为 `handleCallback` 的回调函数，并将它作为 `callback` 属性传递给子组件。react组件之间通信
子组件中的 `sendDataToParent` 方法会在按钮被点击时被调用。它使用 `this.props.callback` 调用父组件传递的回调函数，并传递一个数据参数。
当子组件调用回调函数时，父组件的 `handleCallback` 方法会执行，并接收子组件传递的数据。在这个示例中，父组件会将接收到的数据打印到控制台。
通过这种方式，子组件可以将数据通过回调函数传递给父组件，实现了子组件向父组件通
信的功能。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。