reactjs - 导出功能组件不起作用

Question

我正在将名为 Bus 的屏幕导出为函数而不是反应类组件，并且总是收到一个错误屏幕，上面写着：'不变违规：元素类型无效：需要一个字符串（对于内置组件）或一个类/函数（对于复合组件）但得到：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。检查Bus.'的渲染方法

对我来说毫无意义，因为我也在其他地方使用功能组件并且它工作正常！

我正在使用 RN 0.60.5

我的巴士页面给了我错误。

import React, { View, Text } from 'react';

import Maps from '../../components/Maps'
import SearchBox from '../../components/Searchbox'
import RouteDetailsBox from '../../components/RouteDetailsBox'

const Bus = () => (
    <View style={{ flex: 1 }}>
        <Maps />
        <SearchBox />
        <RouteDetailsBox />
    </View>
);

export default Bus;

应用程序.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React from 'react';
import { Provider } from 'react-redux';
import store from './src/store';


//screens
import Bus from './src/screens/bus'

const App = () => {
  return (
    <Provider store={store}>
      <Bus />
    </Provider>
  );
};

export default App;

错误画面

标签： reactjsreact-nativefunctional-programming

Answer 1

从

import React, { View, Text } from 'react';

到

import React from 'react';
import { View, Text} from 'react-native';