导入类并返回视图不起作用

时间:2019-05-09 22:05:05

标签: react-native

我尝试从类中导入属性,当我创建具有相同文件的类时,该属性起作用,但是当从外部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>
    );
  }
}

1 个答案:

答案 0 :(得分:0)

嘿,很确定这是一个重复的问题,这是一个类似的问题: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文件一致。 / p>