如何在React Native中使用上下文API + Hooks传递函数的参数

import React from 'react';

const MyContext = React.createContext();

export default MyContext;

import React, { useContext } from 'react';
import MyContext from './MyContext';

const ChildComponent = () => {
  const myContext = useContext(MyContext);

  // 使用myContext中的函数参数
  const { myFunction } = myContext;

  return (
    // 组件的内容
  );
};

export default ChildComponent;

import React, { useState } from 'react';
import MyContext from './MyContext';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const [myFunctionParam, setMyFunctionParam] = useState('');

  // 定义一个函数，接受参数并进行处理
  const myFunction = (param) => {
    // 处理函数参数的逻辑
    console.log(param);
  };

  // 将函数参数传递给上下文对象
  const contextValue = {
    myFunction,
  };

  return (
    <MyContext.Provider value={contextValue}>
      <ChildComponent />
    </MyContext.Provider>
  );
};

export default ParentComponent;