JSX функциясындағы параметрлер

Біздің showMess функциямыз қайсы адаммен сәлемдесетініміздің атын параметр ретінде қабылдасын:

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

Функцияны оқиғаға байлаған кезде бұл параметрді беруге болады. Бұл үшін біздің функцияны шалуды жебе функциясына орау керек:

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

Осылайша біз бір функцияны әртүрлі параметрлермен birneşhe түймеге байлай аламыз:

jsxfunction App() {
  function showMess(text) {
    alert(text);
  }
  
  return <div>
    <button onClick={() => showMess('user1')}>show1</button>
    <button onClick={() => showMess('user2')}>show2</button>
  </div>;
}
Задание 1

Үш түйме берілген:

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

Бірінші түймені басқанда alert арқылы 1 саны шығуы үшін, екінші түймені басқанда - 2 саны, ал үшінші түймені басқанда - 3 саны шығуы үшін жасаңыз.