Как повесить на обработчик события больше одной функции?

Question

[Komi7ar]

Подскажите, как сделать так чтобы на событие onClick было навешено сразу два обработчика ?

function FirstWindowItems({item, isActive, onClick}) {
    
    function handleClick(item){
        // e.preventDefault();
        console.log(item);
        onClick();
      }
    return(
        <div className={`row border ${isActive ? 'border-primary' : ''}`} onClick={handleClick(item), onClick}
        >
            {/* <div className = "window__item window__name">{item.id}</div> */}
            <div className = "col-md">{item.FIO}</div>
            <div className = "col-sm">{item.position}</div>
            <div className = "col-sm">{item.birthDay}</div>
            <div className = "col-sm">                {
                    item.sex ?
                        "М" : "Ж"                    
                }            
            </div>
            <div className = "col-sm">{
                    item.fired ?
                        "Уволен":"Работает"
            }
            </div>            
        </div>
    )
}

Comments

[alex4answ]

один из вариантов использовать ref

[0xD34F]

Вы уже попросили администрацию заблокировать второй ваш аккаунт? Или мне сделать это за вас?

[alex4answ]

0xD34F, что не так с его аккаунтом ?

[0xD34F]

alex4answ, да всё так. Просто запрещено иметь более одного активного.

Answer 1

[WbICHA]

Хз насколько это по феншую, но, насколько я помню, можно так:

onClick={() => {
  handleClick(item);
  handleClick(item);
  handleClick(item);
  handleClick(item);
}}

Comments

[n1ksON]

ещё можно, так:

function FirstWindowItems({item, isActive, onClick}) {
    function handleClick(item){
        onClick();
        onClick1();
        onClick2();
        // и тд.
      }
    return(
        <div className={`row border ${isActive ? 'border-primary' : ''}`} onClick={() => handleClick(item)}>
        </div>
    )
}

[alex4answ]

n1ksON, да это одно и тоже по сути

[n1ksON]

alex4answ, вдруг автор не догадается до этого, раз даже неправильно вешает один обработчик
но по сути да, одно и то же))