TypeError: Failed to construct 'Text' ReactNative

Question

我已经使用 <Text> 标签一百万次了，从来没有收到过这个错误，但是突然间，我把一个 <Text> 标签放在 <Modal> 标签里面，然后世界在燃烧。我正在使用的组件实际上并没有什么复杂的，但是 '' 中的任何 <Text> 都会破坏一切。这是我的代码的样子...

import React, { useState, useEffect } from 'react';
import { View, Modal, Button, ScrollView, TextInput } from 'react-native'
import { settings } from "../../../Styles/SettingStyles";
import { editUserSettings } from '../../../Styles/SettingStyles';

const UpdateUserButton = (props) => {

    const [userInfoChanges, setUserInfoChanges] = useState({})

    const handleInput = (attr, input) => {
        const updateObject = {...userInfoChanges}
        updateObject[attr] = input
        setUserData(updateObject)
    }


    const [modalVisible, setModalVisible] = useState(false)
    return(
        <View style={editUserSettings.editModal}>
            <Modal animationType='slide' transparent={true} visible={modalVisible}>
                <ScrollView style={editUserSettings.container}>
                    <Text style={editUserSettings.editFields}>First Name: </Text>
                    <TextInput
                        name='firstname'
                        style={editUserSettings.input} 
                        onChangeText={(firstname) => {
                            handleInput('firstname', firstname)
                        }}
                    />
                </ScrollView>
            </Modal>
            <Button
                onPress={() => setModalVisible(!modalVisible)}
                title="Edit User Information"
                color="#516ca6"
                accessibilityLabel="Edit User Information"
            />
        </View>
    )
}

export default UpdateUserButton

这个组件的使用方式，它唯一可见的部分是

<Button
      onPress={() => setModalVisible(!modalVisible)}
      title="Edit User Information"
      color="#516ca6"
      accessibilityLabel="Edit User Information"
    />

当我在浏览器中按下这个按钮时，屏幕全部变成白色，给我一堆错误，所有错误都涉及 <Text>，第一个看起来像这样...

Uncaught TypeError: Failed to construct 'Text': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

但这对我来说完全没有意义。有人有什么想法吗？

Answer 1

正如@windowsill 在评论中提到的那样，文本不是从 react-native（或其他任何地方）导入的:)

TypeError: Failed to construct 'Text' ReactNative

TypeError: Failed to construct 'Text' ReactNative

javascript

tags

react-native