Lumpuhkan butang secara kekal
P粉156983446
P粉156983446 2023-07-28 21:35:42
0
1
628
<p>Dalam React, bolehkah saya melumpuhkan butang apabila pengguna log masuk ialah ahli? </p><p>Apabila saya menggunakan atribut yang dilumpuhkan, ia boleh dialih keluar daripada alat pembangun dan butang diaktifkan semula. </p><p>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. </p><p><em></em><em></em></p>
P粉156983446
P粉156983446

membalas semua(1)
P粉798010441

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.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan