React Native-通过index.js导入多个类时出错

时间:2018-12-26 16:34:26

标签: javascript reactjs react-native ecmascript-6

我遇到错误

  

不变违规:元素类型无效:预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记了从定义文件中导出组件,或者可能混淆了默认导入和命名导入

我同时拥有 CustomButton InputLabel

import React, {Component} from 'react';
import { anycomps... } from 'react-native';
export default class CustomButton extends Component{}

import React, {Component} from 'react';
import { anycomps... } from 'react-native';
export default class InputLabel extends Component{}

和我的 index.js

import CustomButton from './CustomButton';
import InputLabel from './InputLabel';

export { CustomButton, InputLabel };

和我的 app.js

import React, {Component} from 'react';
import { anycomps... } from 'react-native';
import { CustomButton, InputLabel } from './components';

export default class MyMain extends Component{
   ... code renders here
}

我的文件夹结构是:

> components
   >CustomButton.js
   >InputLabel.js
   >index.js
> app.js

我错过了什么或做错了什么?

我以这种方式尝试了Vue Apps,并且效果很好。 React Native为此有不同的实现吗?

0 个答案:

没有答案