# Параметры в функции JSX

Пусть наша функция `showMess` параметром принимает имя того, с кем мы хотим поздороваться:

`function showMess(name) { alert('hello, ' + name); }`

Можно передать этот параметр при привязывании функции к событию. Для этого вызов нашей функции следует обернуть в стрелочную функцию:

`function App() { function showMess(name) { alert('hello, ' + name); } return <div> <button onClick={() => showMess('user')}>show</button> </div>; }`

Таким образом мы можем привязать одну и ту же функцию к нескольким кнопкам с разными параметрами:

`function App() { function showMess(text) { alert(text); } return <div> <button onClick={() => showMess('user1')}>show1</button> <button onClick={() => showMess('user2')}>show2</button> </div>; }`

Даны три кнопки:

`function App() { return <div> <button>act1</button> <button>act2</button> <button>act3</button> </div>; }`

Сделайте так, чтобы по клику на первую кнопку алертом выводилось число `1`, по клику на вторую кнопку - число `2`, а по клику на третью - число `3`.

← →
↑