modul:ffit:react:learningunits:lu02:forms

Dies ist eine alte Version des Dokuments!


LU02a - Simple Form

import { useState } from 'react';
 
export default function Formular() {
  const [name, setName] = useState('');
 
  const handleSubmit = (e) => {
    e.preventDefault();
    alert(`Gespeicherter Name: ${name}`);
  };
 
  return (
    <form onSubmit={handleSubmit}>
      <label>
        Name:
        <input
          type="text"
          value={name}
          onChange={(e) => setName(e.target.value)}
        />
      </label>
      <button type="submit">Absenden</button>
    </form>
  );
}
  • modul/ffit/react/learningunits/lu02/forms.1734588378.txt.gz
  • Zuletzt geändert: 2024/12/19 07:06
  • von kdemirci