如何禁用导入到另一个组件的React中的按钮？

import React, { useState } from 'react';

const MyComponent = () => {
  const [disabled, setDisabled] = useState(false);

  return (
    <button disabled={disabled}>按钮</button>
  );
}

export default MyComponent;

import React from 'react';
import MyComponent from './MyComponent';

const App = () => {
  const handleClick = () => {
    // 禁用按钮
    setDisabled(true);
  }

  return (
    <div>
      <MyComponent />
      <button onClick={handleClick}>禁用按钮</button>
    </div>
  );
}

export default App;