Languages
[Edit]
PL

React - alert po klikni─Öciu na przycisk

0 points
Created by:
Dirask JS Member
3640

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