Framework7“ stepperChange”中的REACT事件不起作用

时间:2019-01-15 17:23:18

标签: reactjs events html-framework-7

当我向上计数和向下计数时,不会触发“ stepperChange”事件。

文档说有一个stepperChange事件:https://framework7.io/react/stepper.html#stepper-events


  constructor(props){
    super(props);

    this.state = {
      Produkte: [
        {id:201, name:"Apple", amount: 2},
        {id:202, name:"Bananna", amount: 2}
      ]
    }
  }
  amountChanged(){
    console.log("hello world! "+Math.random());
  } 
  render(){
    return(
      <Page>
        <List>
          {this.state.Produkte.map((produkt) => {
              return(
                <ListItem key={produkt.id} title={produkt.name}>
                  <Stepper stepperChange={this.amountChanged.bind(this)} round fill value={produkt.amount} min={0} max={100} step={1} autorepeat={true} wraps={false} manualInputMode={true} decimalPoint={2}></Stepper>
                </ListItem>      
              );
          })}

        </List>
      </Page>
    );
   }
 }

当我单击步进器时,现在将在控制台中登录。

1 个答案:

答案 0 :(得分:1)

根据文档,它是 onStepperChange ,而不是 stepperChange