如何在react native中发送参数

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

const ParentComponent = () => {
  const data = { name: 'John', age: 30 };

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

export default ParentComponent;

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

const ChildComponent = (props) => {
  return (
    <Text>{`Name: ${props.data.name}, Age: ${props.data.age}`}</Text>
  );
};

export default ChildComponent;

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

const fetchData = async () => {
  const params = { userId: 123 };
  const queryParams = new URLSearchParams(params).toString();
  const response = await fetch(`https://api.example.com/data?${queryParams}`);
  const data = await response.json();
  return data;
};

const DataFetchingComponent = () => {
  useEffect(() => {
    fetchData().then((data) => {
      console.log(data);
    });
  }, []);

  return (
    <View>
      <Text>Loading data...</Text>
    </View>
  );
};

export default DataFetchingComponent;