Parametry ve funkci JSX
Nechť naše funkce showMess parametrem
přijímá jméno toho, s kým chceme pozdravit:
function showMess(name) {
alert('hello, ' + name);
}
Tento parametr lze předat při propojení funkce s událostí. K tomu je třeba volání naší funkce obalit do šipkové funkce:
function App() {
function showMess(name) {
alert('hello, ' + name);
}
return <div>
<button onClick={() => showMess('user')}>show</button>
</div>;
}
Tímto způsobem můžeme propojit jednu a tu stejnou funkci s několika tlačítky s různými parametry:
function App() {
function showMess(text) {
alert(text);
}
return <div>
<button onClick={() => showMess('user1')}>show1</button>
<button onClick={() => showMess('user2')}>show2</button>
</div>;
}
Jsou dána tři tlačítka:
function App() {
return <div>
<button>act1</button>
<button>act2</button>
<button>act3</button>
</div>;
}
Zařiďte, aby po kliknutí na první tlačítko
se přes alert vypsalo číslo 1, po kliknutí
na druhé tlačítko - číslo 2, a po kliknutí
na třetí - číslo 3.