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:
xxxxxxxxxx1
<button onDoubleClick={mojaFunkcja}>Kliknij mnie</button>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:
xxxxxxxxxx1
// Uwaga: Odkomentuj poniższe linijki podczas pracy z kompilatorem JSX:2
// import React from react';3
4
const handleDoubleClick = () => {5
console.log('wykryto zdarzenie DoubleClick');6
};7
8
const App = () => {9
return (10
<div className="App">11
<button onDoubleClick={handleDoubleClick}>Kliknij mnie</button>12
</div>13
);14
};15
16
const root = document.querySelector('#root');17
ReactDOM.render(<App />, root );Wskazówka:
Właściwość
onDoubleClickjest odpowiednikiem zdarzeniadblclickużywanego przez czysty JavaScript.