如何通过prop为react中的按钮添加禁用属性？

import React, { useState } from 'react';

function ParentComponent() {
  const [isDisabled, setIsDisabled] = useState(false);

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

import React, { useState } from 'react';

function ParentComponent() {
  const [isDisabled, setIsDisabled] = useState(false);

  const handleClick = () => {
    setIsDisabled(true);
  };

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