ReactJS:如何传递字符串作为函数名？

function ParentComponent() {
  const handleFunction = (functionName) => {
    // 根据传递的函数名执行相应的逻辑
    if (functionName === 'functionA') {
      // 执行函数A的逻辑
      functionA();
    } else if (functionName === 'functionB') {
      // 执行函数B的逻辑
      functionB();
    }
    // 其他函数的逻辑...
  };

  return <ChildComponent handleFunction={handleFunction} />;
}

function ChildComponent({ handleFunction }) {
  const functionName = 'functionA'; // 要传递的函数名

  useEffect(() => {
    handleFunction(functionName); // 调用父组件的函数，并传递函数名
  }, [handleFunction, functionName]);

  return <div>Child Component</div>;
}