Zähler mit States in React
Lassen Sie uns einen Zähler für Klicks auf einen Button erstellen:
jsxfunction 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:
jsxfunction App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Задание 1
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.