reactjs - 我无法使用 sencha 的 extReact 按钮中的处理程序触发操作

Question

这个问题可能在于我不太理解的 React 语法。

我有一个数组，我正在使用 *array.maps((item) => * 制作按钮，并且我正在创建按钮，就像我在数组中拥有元素一样。但是我无法使用这些按钮触发/调用任何函数.我按了那些按钮，但没有任何反应。知道为什么吗？

在父母的课堂上：

class ParentClass extends Component{
    constructor(props){ 
       super(props);
       this.state = { 
          someObjectXX: {
            someArrayZZ: ['first', 'next', 'anything']
          }
       }
    }

    render{ 
      return( 
        <ChildClass someObjectXX={this.state.someObjectXX} /> 
      ) 
    }
}

在孩子的课堂上：

class ChildClass extends Component{
   sayGoodbye = () => {
         alert("scream if it works ^_^ ");
   }

   render{
     return (           
       <div>
          {this.props.someObjectXX.someArrayZZ.map((item) => {

              return (  
                <Row key={number} >
                   <Button text={shortName} handler={this.sayGoodbye} />
                </Row>
              )    

          })}
       </div>    
     )
   }
 }

Answer 1

嗯，看起来应该可以了。检查这里的小提琴，看看你是否遗漏了什么：

https://fiddle.sencha.com/#view/editor&fiddle/2k5u

确保 Row 组件上的键是唯一的。