在React Native中使用渲染道具

// 父组件
import React, { Component } from 'react';
import { View } from 'react-native';
import ChildComponent from './ChildComponent';

class ParentComponent extends Component {
  render() {
    const data = ['Item 1', 'Item 2', 'Item 3'];

    return (
      <View>
        <ChildComponent data={data} />
      </View>
    );
  }
}

// 子组件
import React, { Component } from 'react';
import { View, Text } from 'react-native';

class ChildComponent extends Component {
  render() {
    const { data } = this.props;

    return (
      <View>
        {data.map((item, index) => (
          <Text key={index}>{item}</Text>
        ))}
      </View>
    );
  }
}