React-Native：要素の種類が無効です

Question

ネイティブベースのフッターに問題があります コンテナがあり、MyFooterを含めるとこのエラーが表示されます。 要素の種類が無効です：文字列が必要です（組み込みコンポーネント用）またはクラス/関数（複合コンポーネント用）ですが、未定義です。あなたはおそらく、それはで定義されていたファイルからコンポーネントをエクスポートするのを忘れ

// main.js 
import MyFooter from './MyFooter'; 
... 
<Container> 
    <MyHeader title="Оплаты" /> 
    <Content></Content> 
    <MyFooter /> 
    </Container> 

とフッターコンポーネント

// MyFooter.js 
const MyFooter = props => { 
    return (
    <Footer> 
     <FooterTab> 
     <Button vertical active> 
      <Text>Info</Text> 
     </Button> 
     <Button vertical > 
      <Text>Remove</Text> 
     </Button> 
     </FooterTab> 
    </Footer> 
); 
} 
export default MyFooter; 

しかし、私はこのようMyFooterのrenderメソッドを変更する場合：だから

// MyFooter.js 
return (
    <View> 
    <Text> 
     Test 
    </Text> 
    </View> 
) 

MyFooterの別のレンダリングがすべて完璧に機能するため、エクスポート/インポートに問題はありません。 誰でも助けてくれますか？

回答 - 'react-native'の{Text、Footer、FooterTab、Button、Icon}をインポートします。その後、

const MyFooter =() => ( 
    <Footer> 
    <FooterTab> 
     <Button vertical active> 
     <Icon name="information" /> 
     <Text>Инфо</Text> 
     </Button> 
     <Button vertical > 
     <Icon name="add" /> 
     <Text>Оплаты</Text> 
     </Button> 
     <Button vertical > 
     <Icon name="remove" /> 
     <Text>Снятия</Text> 
     </Button> 
    </FooterTab> 
    </Footer> 
); 

export default MyFooter; 

Answer 1

あなたは正確にそのままあなたのコードを貼り付けた場合：

Answer 2

が、これはこれらの次のようなあなたのコンポーネント最初export default MyFooterをエクスポートするためにあなたのMyFooterコンポーネント試みです（代わりに「ネイティブ・ベース」「ネイティブを反応させます」） MyFooter.jsのreturn文の後ろに閉じ括弧がありません