Как вызвать две функции при наведении мыши на функциональные компоненты?

Question

  
  component(props)
  
  function1(params){
  }
  
  function2(params){
  }
  render(){
  
  props.places.map((place, i) => { 
  return (
   <div onMouseOver={() => props.function1(i)}
  )
 })
 }

Существует небольшой фрагмент вызова нескольких функций в реакции.Здесь я хочу вызвать function1 и function2 для мыши div.Как вызвать function1 и function2 для mouseOver Это функциональные компоненты.

Спасибо

Answer 1

Вы можете присвоить своей функции стрелки тело и вызвать две функции внутри тела.

<div
  onMouseOver={() => {
    props.function1(i);
    props.function2(i);
  }}
>

Answer 2

вызовите обе функции

  
  component(props)
  
  function1(params){
  }
  
  function2(params){
  }
  render(){
  
  props.places.map((place, i) => { 
  return (
   <div onMouseOver={() => {props.function1(i);props.function2(i)}}
  )
 })
 }