Параметры в функции 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>;
}
Сделайте так, чтобы по клику на первую кнопку
через alert выводилось число 1, по клику
на вторую кнопку - число 2, а по клику
на третью - число 3.