تشغيل أكثر من دالة باستخدام onClick في React؟

ما تطلبه غير ممكن في React ﻷن ما يجب تمريره للـonClick ليس كود جافاسكريبت كـstring وإنما function object.

بالطبع لا يشترط تعريف دالة منفصلة، يمكنك فعل اﻵتي:

<button onClick={() => {function1(); function2();}}>click me</button>

نعم يمكنك تمرير arrow function إلى onClick بسهولة واستدعاء التابعين الذين تريدهما.

هذا ينطبق على كل الخصائص التي تتوقع تابعاً مثل onChange وغيرها من اﻷحداث.

بما أنك تنوي كتابة شيفرة منطقية كبيرة نوعا ما فيستحسن اخراجها وجمعها في دالة ثم يتم استدعاء الدالة عندما يحدث الحدث onClick.

داءما في react يجب فصل الشيفرة المنطقية عن jsx قدر الامكان 

import React from 'react';

export default function App() {
  const function1 = () => {
    console.log('function2');
  };
  const function2 = () => {
    console.log('function2');
  };
  const handleClick = () => {
    function1();
    function2();
  };
  return (
    <div>
      <button onClick={handleClick}>click me</button>
    </div>
  );
}