Languages
[Edit]
PL

React - obsługa zdarzenia onDoubleClick - przykład

3 points
Created by:
Dirask JS Member
3430

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ść onDoubleClick jest odpowiednikiem zdarzenia dblclick używanego przez czysty JavaScript.

ReactJS (PL)

React - obsługa zdarzenia onDoubleClick
Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂

Join