React JS. remove function from button after button is pressed

Question

How to unmount. Return does not work. I need to be able to press button and after function completes then the function will be remove from the button


  const handleSubmit = () => {
    ipcRenderer.send(
      "EDITOR",
      [ type, typeValue],
      "editor_response"
    );
    onClose(selectedValue);
  };

  return <div>
    <Button onClick={handleSubmit} color="primary">
      Ok
    </Button>
  </div>

Add hasBeenClicked: false to the state, update it to true after the first click and check its value on the next clicks to exit the function. — GG.
– GG., Commented Apr 2, 2021 at 21:50

Christian Fritz · Accepted Answer · 2021-04-02 21:51:33Z

1

Probably the cleanest solution is a state variable that determines whether the handler should be active or not.

const MyComp = () => {

  const [pressed, setPressed] = useState(false;

  const handleSubmit = () => {
    setPressed(true);
    ipcRenderer.send(
      "EDITOR",
      [ type, typeValue],
      "editor_response"
    );
    onClose(selectedValue);
  };

  const noop = () => {};
  
  return <div>
    <Button onClick={!pressed ? handleSubmit : noop} color="primary">
      Ok
    </Button>
  </div>;
};

answered Apr 2, 2021 at 21:51

Christian Fritz

21.5k3 gold badges49 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React JS. remove function from button after button is pressed

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related