ReactJS MaterialUI是否可以将一个元素的参数传递给另一个参数中的函数？

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  // 定义一个函数，用于处理传递的参数
  const handleParam = (param) => {
    console.log(param);
    // 在这里可以对参数进行处理
  };

  return (
    <div>
      {/* 将handleParam函数作为props传递给子组件 */}
      <ChildComponent handleParam={handleParam} />
    </div>
  );
}

export default ParentComponent;

// 子组件
import React from 'react';

function ChildComponent(props) {
  // 在子组件中通过props接收父组件传递的函数
  const { handleParam } = props;

  // 定义一个参数
  const param = 'Hello, World!';

  return (
    <div>
      {/* 在需要的地方调用父组件传递的函数，并将参数传递给它 */}
      <button onClick={() => handleParam(param)}>传递参数</button>
    </div>
  );
}

export default ChildComponent;