Lumpuhkan butang secara kekal

Question

Dalam React, bolehkah saya melumpuhkan butang apabila pengguna log masuk ialah ahli?

Apabila saya menggunakan atribut yang dilumpuhkan, ia boleh dialih keluar daripada alat pembangun dan butang diaktifkan semula.

Tolong bantu saya, saya mahu butang kekal dilumpuhkan apabila pengguna log masuk adalah ahli. Walaupun atribut yang dilumpuhkan dialih keluar daripada alat pembangun, butang itu harus kekal dilumpuhkan.

Answer 1

Anda boleh menggunakan atribut disable untuk melumpuhkan butang, tetapi ini tidak menghalang pengguna daripada mengalih keluar atribut disable dan mendayakan semula butang dalam alat dev. Untuk mengelakkan ini, anda juga harus menggunakan nilai dilumpuhkan untuk mengendalikan pendengar acara klik butang secara bersyarat.

Contohnya:

import { useState } from "react";

export default function App() {
  const [disabled, setDisabled] = useState(false);
  const handleClick = (e) => {
    console.log(e.target);
  };

  return (
    <div className="App">
      <button onClick={() => setDisabled((disabled) => !disabled)}>
        disable button
      </button>
      <button disabled={disabled} onClick={disabled ? null : handleClick}>
        click
      </button>
    </div>
  );
}

Dengan cara ini, walaupun pengguna mengalih keluar atribut yang dilumpuhkan, butang itu tidak akan mempunyai sebarang pengendali klik yang dilampirkan padanya.