react-native 中的 TransformError SyntaxError

Question

我有一个 React 组件，它应该只是 return 一个警告框，如图所示：

import React from 'react';
import { StyleSheet, Text, View, Alert } from 'react-native';
export default function PhotoHandler() {
    return (
        <View>
        Alert.alert(
          "Success",
          "Take photo",
          [
            {text: "Open Camera"}
          ]
        )
        </View>    
    );
}
const styles = StyleSheet.create({
    container: {
        flex: 1
    }
});

我正在将这个组件调用到另一个组件中。但是，存在如下语法错误。

TransformError SyntaxError:
     |             {text: "Open Camera"},
     |                  ^

看不出语法有什么问题。

Answer 1

Alert.alert 是一个 javascript 所以你需要把它包装成 {}

    {Alert.alert(
      "Success",
      "Take photo",
      [
        {text: "Open Camera"}
      ]
    )}