Zähler mit States in React
Lassen Sie uns einen Zähler für Klicks auf einen Button erstellen:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Man kann den Handler-Funktion entfernen, indem man sie durch eine anonyme Pfeilfunktion ersetzt:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Angenommen, eine Zahl wird im State gespeichert. Geben Sie diese Zahl in einem Absatz aus. Erstellen Sie zwei Buttons. Lassen Sie den ersten Button die Zahl um eins erhöhen, und den zweiten - sie um eins verringern.
