title: I can not trigger an action with handler from sencha's extReact Button
body: <p><em>This problem might lay in React syntax that I do not understand well.</em></p>
  
  <p>I have an array and I'm making Buttons with *array.maps((item) => * and I'm creating buttons as much as I have elements in the array. 
  BUT I can not trigger/call any function with those buttons. I press those buttons but nothing happens.
  Any idea why?  </p>
  
  <p>in parent's class:</p>
  
  <pre><code>class ParentClass extends Component{
      constructor(props){ 
         super(props);
         this.state = { 
            someObjectXX: {
              someArrayZZ: ['first', 'next', 'anything']
            }
         }
      }
  
      render{ 
        return( 
          &lt;ChildClass someObjectXX={this.state.someObjectXX} /&gt; 
        ) 
      }
  }
  </code></pre>
  
  <p>in child's class:</p>
  
  <pre><code>class ChildClass extends Component{
     sayGoodbye = () =&gt; {
           alert("scream if it works ^_^ ");
     }
  
     render{
       return (           
         &lt;div&gt;
            {this.props.someObjectXX.someArrayZZ.map((item) =&gt; {
  
                return (  
                  &lt;Row key={number} &gt;
                     &lt;Button text={shortName} handler={this.sayGoodbye} /&gt;
                  &lt;/Row&gt;
                )    
  
            })}
         &lt;/div&gt;    
       )
     }
   }
  </code></pre>