我可以从我的header触发另一个组件上的函数吗？

import React from 'react';

const Header = (props) => {
  const handleClick = () => {
    // 执行你想要触发的操作
    console.log('函数被触发了');
  };

  return (
    <div>
      <button onClick={props.onClick}>点击触发函数</button>
    </div>
  );
};

export default Header;

import React from 'react';

const OtherComponent = (props) => {
  return (
    <div>
      <button onClick={props.onClick}>点击触发header组件中的函数</button>
    </div>
  );
};

export default OtherComponent;

import React from 'react';
import Header from './Header';
import OtherComponent from './OtherComponent';

const App = () => {
  const handleClick = () => {
    // 执行你想要触发的操作
    console.log('函数被触发了');
  };

  return (
    <div>
      <Header onClick={handleClick} />
      <OtherComponent onClick={handleClick} />
    </div>
  );
};

export default App;