如何将参数传递给同一组件中的函数？

function myFunction(param) {
  // 使用传递的参数param
}

...

myFunction("参数值");

import React, { useState } from 'react';

function MyComponent() {
  const [param, setParam] = useState('');

  function myFunction() {
    // 使用参数param
  }

  return (
    <div>
      <button onClick={() => myFunction()}>{param}</button>
      <input value={param} onChange={(e) => setParam(e.target.value)} />
    </div>
  );
}

...

<MyComponent />

import React, { createContext, useContext } from 'react';

const MyContext = createContext('');

function MyComponent() {
  const param = useContext(MyContext);

  function myFunction() {
    // 使用参数param
  }

  return (
    <div>
      <button onClick={() => myFunction()}>{param}</button>
    </div>
  );
}

...

function App() {
  const value = '参数值';

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

...

<App />

function MyComponent(props) {
  function myFunction() {
    // 使用参数props.param
  }

  return (
    <div>
      <button onClick={() => myFunction()}>{props.param}</button>
    </div>
  );
}

...

function ParentComponent() {
  const param = '参数值';

  return (
    <div>
      <MyComponent param={param} />
    </div>
  );
}

...

<ParentComponent />