React native 组件``的视图配置getter回调必须是函数

我正在使用react本机应用程序，但当我尝试使用模态组件时，出现以下错误：

组件``的视图配置getter回调必须是函数

即使我只是在我的代码和网络刺激器中添加

，也会出现以下错误：

InvalidCharacterError:未能对“文档”执行“createElement”： 提供的标记名（“”）不是有效的名称

我无法解决这个问题。以下是我的完整代码：

import React,{useState} from 'react';
import {View, Text, StyleSheet, Image, FlatList} from 'react-native';
import {Card,FAB,TextInput,Button} from 'react-native-paper';
import Modal from 'react-native';

const EmployeesInfo=()=> {

const [Name,setName]=useState("")
const [Email,setEmail]=useState("")
const [Phone,setPhone]=useState("")
const [Salary,setSalary]=useState("")
const [Pic,setPic]=useState("")
const [Modal,setModal]=useState("")

return (
  <View style={styles.root}>
  ...
  </View>
)}

export default EmployeesInfo

const theme ={colors:{primary:"red"}}

const styles= StyleSheet.create({

  root:{
    flex:1,
  },

  words:{
    margin:9
  }
})

import React，{useState}来自“React”；
从“react native”导入{视图、文本、样式表、图像、平面列表}；
从“react National paper”导入{Card，FAB，TextInput，Button}；
从“react native”导入模态；
const EmployeesInfo=（）=>{
const[Name，setName]=useState（“”）
const[Email，setEmail]=useState（“”）
const[Phone，setPhone]=useState（“”）
常量[工资，固定工资]=使用状态（“”）
const[Pic，setPic]=useState（“”）
const[Modal，setModal]=useState（“”）
返回(
...
)}
导出默认员工信息
常量主题={colors:{primary:“red”}
const styles=StyleSheet.create({
根目录：{
弹性：1，
},
文字：{
差额：9
}
})

有一个非常小的错误： 您需要导入组件

从“react native”导入模态

将此更改为

从'react native'导入{Modal}

你的代码会很好的