PL
React - jak przekazać zmienną do metody obsługującej zdarzenie
1 points
W tym artykule chcielibyśmy pokazać, jak w Reakcie przekazać zmienną do metody obsługującej zdarzenie.
Poniższy przykład przedstawia prostą metodę sayHello, która otrzymuje tylko jeden argument (imie). Właściwość onClick przycisku używa funkcji strzałkowej, która wrapuje sayHello, aby umożliwić przekazanie tekstu „Tomek” jako argumentu.
Uruchamialny przykład:
xxxxxxxxxx1
// Uwaga: Odkomentuj poniższe linijki podczas pracy z kompilatorem JSX:2
// import React from "react";3
// import ReactDOM from "react-dom";4
5
const App = () => {6
const sayHello = (imie) => {7
console.log(`Cześć ${imie}!`);8
}9
return (10
<button onClick={() => sayHello('Tomek')}>Powiedz cześć!</button>11
);12
};13
14
const root = document.querySelector('#root');15
ReactDOM.render(<App/>, root );