如何在功能组件上的Mouse over上调用两个函数?

时间:2019-04-02 09:25:54

标签: reactjs ecmascript-6

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

有一小段代码将多个函数调用到react中。 在这里,我想在div鼠标上方调用function1和function2。 如何在mouseOver上调用function1和function2 这是功能组件。

谢谢

2 个答案:

答案 0 :(得分:1)

您可以将箭头函数赋予主体,然后在主体内部调用这两个函数。

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

答案 1 :(得分:0)

同时调用两个函数

this.props.navigation.navigate('Alerts', {
              jsonWatchList: [lots of data here],
            });