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:
// ONLINE-RUNNER:browser;
// Uwaga: Odkomentuj poniższe linijki podczas pracy z kompilatorem JSX:
// import React from "react";
// import ReactDOM from "react-dom";
const App = () => {
const sayHello = (imie) => {
console.log(`Cześć ${imie}!`);
}
return (
<button onClick={() => sayHello('Tomek')}>Powiedz cześć!</button>
);
};
const root = document.querySelector('#root');
ReactDOM.render(<App/>, root );