Question

当我按下继续按钮时，我想显示警报功能。但是我有一个错误。我想在我的onPress touchableOpacity中放置一个警报功能。这是我的代码。

export default class Rate extends Component {
 render() {
    }
return (
          <TouchableOpacity
      activeOpacity={0.7}
      style={styles.button}
      onPress={() => 
        firebase.database().ref(list.title).set({Ratings : (this.state.Default_Rating)})
        alert('Thank you')
    }> 
      <Text>Continue</Text>
    </TouchableOpacity>

  </View>
);  }}

Answer 1

您的代码中存在三个错误。

1) You write your logic outside render

2) There is no opening View for  **</View>** in your code.

3) **onPress** is wrongly implemented.

下面是正确的代码：

export default class Rate extends Component {
 render() {
          return (
            <TouchableOpacity
                activeOpacity={0.7}
                style={styles.button}
                onPress={() => {
       // Here you need to keep both brackets for your method
                    firebase.database().ref(list.title).set({ Ratings: (this.state.Default_Rating) })
                    alert('Thank you')
                }}>
                <Text>Continue</Text>
            </TouchableOpacity>
        );

    }    
  }

Answer 2

您的渲染方法应如下所示，并在 TouchableOpacity

的 onPress 中添加一个括号。

 render() {
    return (
          <TouchableOpacity
          activeOpacity={0.7}
          style={styles.button}
          onPress={() => {
            firebase.database().ref(list.title).set({Ratings : 
      (this.state.Default_Rating)})
            alert('Thank you')
        }
        }> 
          <Text>Continue</Text>
        </TouchableOpacity>
        );
       }

反应本机警报功能

2 个答案: