按钮单击时另一个组件内的react.js触发器事件

<button onClick={handleClick}>点击按钮</button>

import AnotherComponent from './AnotherComponent';

function MyComponent() {
  const handleClick = () => {
    // 在这里编写触发AnotherComponent组件事件的逻辑
  };

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

export default MyComponent;

function AnotherComponent({ onTrigger }) {
  const handleEvent = () => {
    // 在这里编写被触发事件的逻辑
  };

  return (
    <div>
      <button onClick={onTrigger}>触发事件</button>
    </div>
  );
}

export default AnotherComponent;

function MyComponent() {
  const handleClick = () => {
    // 在这里编写触发AnotherComponent组件事件的逻辑
  };

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

export default MyComponent;