PL
React - obsługa zdarzenia onDoubleClick - przykład
3
points
W tym artykule chcielibyśmy pokazać, jak używać zdarzenia onDoubleClick w Reakcie.
Szybkie rozwiązanie:
<button onDoubleClick={mojaFunkcja}>Kliknij mnie</button>Praktyczny przykład
W poniższym przykładzie, gdy dwukrotnie klikniemy na przycisk, wywołamy funkcję handleDoubleClick, którą przypisaliśmy właściwość onDoubleClick - to właśnie ona jest odpowiedzialna za obsługę zdarzenia.
Wykonalny przykład:
// ONLINE-RUNNER:browser;
// Uwaga: Odkomentuj poniższe linijki podczas pracy z kompilatorem JSX:
// import React from react';
const handleDoubleClick = () => {
console.log('wykryto zdarzenie DoubleClick');
};
const App = () => {
return (
<div className="App">
<button onDoubleClick={handleDoubleClick}>Kliknij mnie</button>
</div>
);
};
const root = document.querySelector('#root');
ReactDOM.render(<App />, root );Wskazówka:
Właściwość
onDoubleClickjest odpowiednikiem zdarzeniadblclickużywanego przez czysty JavaScript.