如何在react组件中更改保存在useRef对象中的按钮的onClick函数？

import React, { useRef } from 'react';

const buttonRef = useRef();

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

buttonRef.current.onClick = () => {
  // 新的点击逻辑
};

import React, { useRef } from 'react';

const MyComponent = () => {
  const buttonRef = useRef();

  const handleClick = () => {
    // 原始的点击逻辑
  };

  const changeButtonClick = () => {
    buttonRef.current.onClick = () => {
      // 新的点击逻辑
    };
  };

  return (
    <div>
      <button ref={buttonRef} onClick={handleClick}>点击按钮</button>
      <button onClick={changeButtonClick}>更改按钮的onClick函数</button>
    </div>
  );
};

export default MyComponent;