framework7 "stepperChange" 中的 REACT 事件不工作
REACT event in framework7 "stepperChange" not working
"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>
);
}
}
当我点击步进器时,现在会在控制台中登录。
根据文档,它是 onStepperChange 而不是 stepperChange。
"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>
);
}
}
当我点击步进器时,现在会在控制台中登录。
根据文档,它是 onStepperChange 而不是 stepperChange。