文本不能用作 jsx 组件，实例类型"文本"不是有效的 JSX 元素

Question

接收以下错误：

Text不能用作jsx组件，因为实例类型"Text"不是有效的jsx元素我的文件是.tsx，因为我需要它在一分钟内被打字，因为我将需要RootState。

到目前为止，我已经尝试了以下内容：

• 确保TS在全球中导入

• 添加了"；allowSyntheticDefaultImports"：true'tsconfig.json

• typescript的devDependencies就在那里。

• 依赖项："；反应"："17.0.2〃"react dom"："17.0.2〃；，

import * as React from 'react';
import { View, Text} from 'react-native';
export default function ChatScreen({navigation}){
    return(
    <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
        <Text
            onPress={() => navigation.navigate('Chat')}
            style={{ fontSize: 26, fontWeight: 'bold'}}>Chat Screen</Text>
    </View>
    
    );
}

似乎无法理解为什么不允许我在TSX文件中使用JSX组件。希望大家能够理解。

Answer 1

将以下内容添加到您的包.json 中

"resolutions": {
  "@types/react": "^17.0.38"
}

Answer 2

您可以添加<反应片段>：

return(
   <React.Fragment>
    <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
        <Text
            onPress={() => navigation.navigate('Chat')}
            style={{ fontSize: 26, fontWeight: 'bold'}}>Chat Screen</Text>
    </View>
    </React.Fragment>
    );

点击此处获取更多信息