有条件地调用一个函数，并在react JS中每次单击按钮时调用一个函数

import React, { useState } from 'react';

function MyComponent() {
  const [isFunctionCalled, setIsFunctionCalled] = useState(false);

  // 定义要调用的函数
  const myFunction = () => {
    // 在这里编写函数的逻辑
    console.log('函数被调用了！');
  };

  // 定义按钮的点击事件处理函数
  const handleClick = () => {
    // 根据条件判断是否调用函数
    if (isFunctionCalled) {
      myFunction();
    }
  };

  return (
    <div>
      <button onClick={handleClick}>点击按钮</button>
    </div>
  );
}

export default MyComponent;