Блог

Главная - Вопросы по программированию - Реагирующая встроенная функция без состояния не отображается при импорте

Реагирующая встроенная функция без состояния не отображается при импорте

#function #react-native #rendering #stateless

#Функция #Реагирующая встроенная #Визуализация #Без состояния

Вопрос:

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>;
}

Запуск приложения на симуляторе iOS, и я вижу 1 2 1 2… проверка микрофона в центре экрана, но больше ничего.

Комментарии:

1. импортируйте расширяемую таблицу из ‘./components/ExpandableTab’

2. Вам не нужно добавлять фигурные скобки при экспорте по умолчанию

3. Как сказал @akshaylalwani, вы должны импортировать ExpandableTab следующим образом : import ExpandableTab from "./components/ExpandableTab";

Ответ №1:

Измените способ импорта ExpandableTab 

 import ExpandableTab from "./components/ExpandableTab";

Комментарии:

1. Вот и все! Спасибо!

Метки: