Reactjs 错误：元素类型无效：应为字符串或类/函数，但未定义。自然反应

我知道这是一个常见的错误，但我找不到与我的情况相关的答案

我有两个文件嵌套在一个文件夹中；一个是父功能组件，一个是子功能组件

父文件的导入和结构如下所示

.....
import NavigationIcon from "./NavigationIcon";

const NavigationIcons = () => {
  return (
    <IconContext.Consumer>
      {(icons) => (
        <View>
          {icons.map((icon) => (
       js:12     <NavigationIcon key={icon.id} icon={icon} />
          ))}
        </View>
      )}
    </IconContext.Consumer>
  );
};

export default NavigationIcons;

import React from "react";
import { Pressable, Icon } from "react-native";

function NavigationIcon(props) {
  return (
   js:6 <Pressable onPress={() => console.log("pressed icon ")}>
      <Icon name={props.icon.name} type={props.icon.type} />
    </Pressable>
  );
}

export default NavigationIcon;

---

编辑：我确实尝试过从“…”

导入导航图标作为导入{NavigationIcon}，我找到了答案。我使用expo进行应用程序开发，它使用0.62。我试图使用新的组件

Pressable

，该组件在0.63中出现help@RohanNaik您好，是的，我检查了线程，我的导出和导入配置正确。我知道文件位置是正确的，因为这是vs代码自动建议的位置

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s%s, undefined,  You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check your code at NavigationIcon.js:6., 
    in NavigationIcon (at NavigationIcons.js:12)