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组件上的键是唯一的。

我无法使用sencha的extReact Button的处理程序触发操作

1 个答案: