反应 JS。 按下按钮后从按钮中删除 function

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>

Answer 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>;
};