javascript - 如何调用两个函数onClick()react/redux

Question

我有一个看起来像这样的组件

class Test extends React.Component {
   onClick() {
       alert("I am a Component")
   }

   render() { 
      const { fromContainer } = this.props
      return (
         <a href="#" onClick={ this.onClick }>Test Link</a>
      );
   }
} 

在我的容器中，我将Test连接到Store。我需要在 onClick 上调用两个函数。一个函数在 component 本身中定义(onClick() 和 alert())，另一个是函数 fromContainer code> 这是一个 action，通过 reducer 等。

如何使组件知道函数 fromContainer。当只调用一个函数时:

class Test extends React.Component {
   render() { 
      const { fromContainer } = this.props
      return (
         <a href="#" onClick={ fromContainer }>Test Link</a>
      );
   }
} 

就是这样。但它不适用于在不同“位置”定义的两个函数。

Answer 1

 class Test extends React.Component {
   constructor() {
     super()
     this.test = this.test.bind(this)
   }

   test() {
     this.props.fromContainer();
     //call other function here
   }

   render() {
     const { fromContainer } = this.props
     return (
         <a href = "#" onClick = { this.test }> Test Link </a>
     );
   }
 }

请尝试一下