How to pass two functions one by one to onClick()?

Question

React

<PanelHeaderButton onClick={this.props.go} data-to='Home'><Icon28ChevronLeftOutline/></PanelHeaderButton>

The code above works fine, it navigates back to the Home tab. But I need to make sure that there are two functions in onClick. The main thing is that this.props.go receives data-to.

This is what it looks like

const [activePanel, setActivePanel] = useState('Home');

  const go = e => {
    setActivePanel(e.currentTarget.dataset.to);
  };

Answer 1

Usually, an event handler is defined, and the necessary functions are called in it

const handleClick = useCallback((ev) => { // меморизирую, т.к. обработчик передается в компонент а не HTML элемент
    props.go(ev); // более правильно конечно передавать не объект события, а конкретное значение. Функция go не должна ничего знать про событие
    // тут вызов второй функции
}, []);