导入一个类并返回一个视图不起作用答案

【问题标题】：Importing a class and returning a view not working导入一个类并返回一个视图不起作用
【发布时间】：2019-09-27 19:23:17
【问题描述】：

我尝试从一个类中导入一个属性，当我使用相同的文件创建类时它工作，但是当从外部 js 文件导入它时，我得到一个“元素类型无效：期望一个字符串但得到一个对象' 错误。感谢您的帮助。

export class Setting extends Component {
  render(){
    return(
      <Image source={{uri: 'https://someimage.png/>
    );
  }
}

import {Setting} from '../Settings.js'
export default class MainScreen extends Component {
  render() { 
    return (
        <View>
            <Setting/>
        </View>
    );
  }
}

【问题讨论】：

标签： react-native

【解决方案1】：

嘿，很确定这是一个重复的问题，这是一个类似的问题：React Native error: Element type is invalid: expected a string or a class/function but got: object

但这应该可以解决您的问题，希望如此。

export default class Settings extends Component {
  render(){
    return(
      <Image source={{uri: 'https://someimage.png/>
    );
  }
}

import Settings from '../Settings.js'
export default class MainScreen extends Component {
  render() { 
    return (
        <View>
            <Setting/>
        </View>
    );
  }
}

如您所见，我更改了您的 import 之前的工作方式，并将 default 添加到您的班级导出中，并保持您的班级名称与 JavaScript 文件一致。

【讨论】：

我正在从 react-native 导入一个缺少 {} 的组件。所以我从 react native 导入 Image 而不是从 react native 导入 {image} 。但我需要知道我的想法是正确的，所以你的帖子肯定有帮助。谢谢！