Question

我想知道如何使用箭头函数中的参数调用函数

这是我的代码

export default class App extends Component {
  state = {
    number: 1
};

change_number = (type) => {
if(type === minus){
   this.setState({ number: this.state.number - 1 })
 }else{
   this.setState({ number: this.state.number + 1 })
 }
};

render() {
 return (
   <View style={{ flexDirection: "row" }}>
     <View style={styles.button}>
       <Button onPress={() =>{this.change_number}} title={"-"} />
     </View>
     <Text style={styles.text}>{this.state.number}</Text>
     <View style={styles.button}>
       <Button onPress={this.change_number } title={"+"} />
     </View>
   </View>
  );
 }
}

有两个按钮-和+

我想用减号和加号来做按钮事件

当我单击该函数时，我想确定它是减号函数还是加号函数。有谁可以帮助我吗？

Answer 1

可以。您只需要使用减号参数调用change_number函数

change_number = (type) => {
if(type === 'minus'){
   this.setState({ number: this.state.number - 1 })
 }else{
   this.setState({ number: this.state.number + 1 })
 }
};

render() {
 return (
   <View style={{ flexDirection: "row" }}>
     <View style={styles.button}>
       <Button onPress={() =>{this.change_number('minus')}} title={"-"} />
     </View>
     <Text style={styles.text}>{this.state.number}</Text>
     <View style={styles.button}>
       <Button onPress={this.change_number } title={"+"} />
     </View>
   </View>
  );
 }
}

有什么方法可以在react-native中使用参数调用函数吗？

1 个答案: