Languages
[Edit]
PL

React - alert po kliknięciu na przycisk

0 points
Created by:
Dirask JS Member
3430

W tym artykule chcielibyśmy pokazać w jaki sposób wyświetlić alert w odpowiedzi na zdarzenie onClick w Reakcie.

Rozwiązanie 1 - użycie funkcji strzałkowej

W poniższym przykładzie alert jest umieszczony wewnątrz funkcji przypisanej bezpośrednio do właściwości onClick.

// ONLINE-RUNNER:browser;

// Uwaga: Odkomentuj poniższe linijki podczas pracy z kompilatorem JSX:
// import React from 'react';
// import ReactDOM from 'react-dom';

const App = () => {
    return (
      <div >
        <button onClick={() => alert('wyłapano kliknięcie przycisku')}>Kliknij mnie</button>
      </div>
    );
};

const root = document.querySelector('#root');
ReactDOM.render(<App />, root );

Rozwiązanie 2 - wykorzystanie funkcji obsługującej zdarzenie

W poniższym przykładzie tworzymy zewnętrzną funkcję handleClick, która wyświetla alert. Następnie przekazujemy funcję handleClick do właściwości onClick, która obsługuje zdarzenie kliknięcia myszką.

// ONLINE-RUNNER:browser;

// Uwaga: Odkomentuj poniższe linijki podczas pracy z kompilatorem JSX:
// import React from 'react';
// import ReactDOM from 'react-dom';

const handleClick = () => {
    alert('wyłapano kliknięcie przycisku');
};

const App = () => {
    return (
      <div >
        <button onClick={handleClick}>Kliknij mnie</button>
      </div>
    );
};

const root = document.querySelector('#root');
ReactDOM.render(<App />, root );

ReactJS (PL)

React - alert po kliknięciu na przycisk
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