react native 父组件与子组件之间如何相互传值

在React Native中，父组件与子组件之间传值可以通过props（属性）来实现。父组件可以将数据通过props传递给子组件，子组件通过props接收这些数据。

父组件代码示例：

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import ChildComponent from './ChildComponent';
 
export default class ParentComponent extends Component {
  constructor(props) {
    super(props);
    this.state = { message: 'Hello from parent' };
  }
 
  render() {
    return (
      <View>
        <ChildComponent parentMessage={this.state.message} />
      </View>
    );
  }
}

子组件代码示例：

import React, { Component } from 'react';
import { Text } from 'react-native';
 
export default class ChildComponent extends Component {
  render() {
    return (
      <Text>{this.props.parentMessage}</Text>
    );
  }
}

在这个例子中，ParentComponent 是父组件，它有一个状态 message，它通过props parentMessage 将这个状态传递给了 ChildComponent 子组件。子组件通过 this.props.parentMessage 接收到这个值并显示出来。

如果子组件需要向父组件传递数据，可以使用回调函数。子组件调用这个回调函数并传入相应的参数，父组件在定义这个回调函数时定义如何处理这些数据。