如何将变量作为参数发送给单个文件组件中的方法？

// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const [variable, setVariable] = useState('');

  const handleMethod = (param) => {
    // 在这里处理传递的参数
    console.log(param);
  };

  return (
    <div>
      <ChildComponent variable={variable} method={handleMethod} />
    </div>
  );
}

export default ParentComponent;

// 子组件
import React, { useState } from 'react';

function ChildComponent(props) {
  const [variable, setVariable] = useState('');

  const handleClick = () => {
    // 调用父组件传递的方法，并将变量作为参数传递
    props.method(variable);
  };

  return (
    <div>
      <input
        type="text"
        value={variable}
        onChange={(e) => setVariable(e.target.value)}
      />
      <button onClick={handleClick}>调用方法</button>
    </div>
  );
}

export default ChildComponent;