错误：当字符串不为空时，必须在 React Native 中的 <Text> 组件中呈现文本字符串答案

【问题标题】：Error: Text strings must be rendered within a <Text> component in React Native when string is not empty错误：当字符串不为空时，必须在 React Native 中的 <Text> 组件中呈现文本字符串
【发布时间】：2021-04-10 16:05:13
【问题描述】：

所以我最近在文本标签中遇到了错误显示，虽然我找不到它显示的原因。我已记录该值不为空，并且在按下按钮之前该值存在。这是我的 jsx 代码：

<TouchableOpacity style={styles.profilePhotoBack} onPress={() => addProfilePhoto()}>
                {profilePhoto ? (
                    <Image style={styles.image} source={{uri: profilePhoto}} />
                ) : (
                    <View style={styles.profilePhoto}>
                        <AntDesign name="plus" size={50} color="white" />
                    </View>
                )};
            </TouchableOpacity>

这是我的功能代码以及状态：

    const [profilePhoto, setProfilePhoto] = useState();

    const getPermission = async () => {
        if (Platform.OS !== "web") {
            const { status } = await Permissions.askAsync(Permissions.CAMERA_ROLL);

            return status;
        }
    };

    const pickImage = async () => {
        try {
            let result = await ImagePicker.launchImageLibraryAsync({
                mediaTypes: ImagePicker.MediaTypeOptions.Images,
                allowsEditing: true,
                aspect: [1, 1],
                quality: 0.5
            });

            if (!result.cancelled) {
                setProfilePhoto(result.uri);
            }
        } catch (err) {
            alert("Error picking image. Please try again later.");
        }
    };

    const addProfilePhoto = async () => {
        const status = await getPermission();

        if (status !== "granted") {
            alert("Please allow access to your camera roll to create your profile photo.");
            return;
        }

        await pickImage();
    };

任何帮助将不胜感激，因为我已经被困在这里很长一段时间了。谢谢！

【问题讨论】：

标签： javascript firebase react-native google-cloud-firestore react-native-firebase

【解决方案1】：

在Touchable Opacity的结束标记之前有条件的删除profilePhoto末尾的分号

【讨论】：

天哪。我自己永远也想不通。谢谢你，我非常感谢你的帮助。分号真是个小混蛋。