برای اینکار باید مقدار موردنظر را در یک state ذخیره کرده و سپس برای برای غیرفعال کردن دکمه مقدار این state را بررسی  کنیم.

function App() {
  const [course] = React.useState("react");

  const greet = () => alert("Hi there! :)");

  return (
    <button onClick={greet} disabled={"react" === course? false : true}>
     choose course
    </button>
  );
}

می توانیم مقدار state  را درون یک if بررسی کنیم:

function App() {
  let disabled = true;

  const [course] = React.useState("react");

  const greet = () => alert("Hi there! :)");

  if ("react" === course) {
    disabled = undefined;
  }

  return (
    <button onClick={greet} disabled={disabled}>
      choose course
    </button>
  );
}

در اینجا در  if  برای اینکه disabled را false  کنیم  مقدار  فیلد disabled را undefined  قرار  دادیم.زمانیکه مقدار فیلد راundefined و یا null  قرار دهیم react  مقدار فیلد را false قرار می دهد.برای اینکه مقدار  فیلد را  false  کنیم می توانستیم مستقیما  مقدار فیلد disabled را fasle قرار دهیم.