React Native 无状态函数在导入时不呈现

Question

App.js

import React from "react";
import { StyleSheet, Text, SafeAreaView } from "react-native";
import { ExpandableTab } from "./components/ExpandableTab";

export default function App() {
  return (
    <SafeAreaView style={styles.container}>
      <Text>1 2 1 2... mic check</Text>
      <ExpandableTab />
    </SafeAreaView>
  );
}

ExpandableTab.js

import React from "react";
import { Text } from "react-native";

export default function ExpandableTab() {
  return <Text>yeo dawg</Text>;
}

运行 app on iOS Simulator，我在屏幕中央看到 1 2 1 2... mic check，但没有别的.

Answer 1

更改导入方式ExpandableTab

import ExpandableTab from "./components/ExpandableTab";

React Native 无状态函数在导入时不呈现

React Native Stateless Function Not Rendering When Imported

rendering

function

stateless

react-native