Deaktivieren Sie die Schaltfläche in JSX React-Code Beispiele

Victor Talmacinschi

Deaktivieren Sie die Schaltfläche in JSX React

JavaScript von Victor Talmacinschi June 10, 2022

const Button = React.createClass({
  // Setze den Anfangszustand
  getInitialState: function() {
    return {
      disabled: false
    };
  },
 
  // Wenn der Button geklickt wird, setze den deaktivierten Zustand auf true
  handleClick: function() {
    this.setState({
      disabled: true
    });
  },
 
  render: function() {
    // Rendere den Button mit dem deaktivierten Zustand
    return (
      <button disabled={this.state.disabled} onClick={this.handleClick}>
        Klick mich!
      </button>
    );
  }
});

0

27.991

Deaktivieren Sie die Schaltfläche in JSX React

JavaScript von Victor Talmacinschi June 10, 2022

import React, { useState } from 'react';

const App = () => {
  const [isDisabled, setIsDisabled] = useState(true);

  const handleClick = () => {
    setIsDisabled(false);
  };

  return (
    <div>
      <button onClick={handleClick} disabled={isDisabled}>
        Klicken Sie auf mich!
      </button>
    </div>
  );
};

export default App;

0

27.991

Ähnliche JavaScript-Abfragen

Letzte JavaScript Abfragen

Code Beispiele nach Kategorien durchstöbern