How to disable a button in React.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22

import React, { useState } from 'react';

function MyComponent() {
  const [isButtonDisabled, setIsButtonDisabled] = useState(false);

  const handleClick = () => {
    // Perform some action
  };

  return (
    <div>
      <button disabled={isButtonDisabled} onClick={handleClick}>
        Click Me
      </button>
      <button onClick={() => setIsButtonDisabled(true)}>
        Disable Button
      </button>
    </div>
  );
}

export default MyComponent;