redux-form要素タイプが無効

Question

「要素タイプが無効です」このエラーが引き続き発生し、対処方法がわかりません。 <form>と<Form>はまだ同じです。助けてください： これはで保存された私のAzForm.jsです： "./components/testComponent"

import React from 'react' 
 
import { Provider } from 'react-redux' 
 
import { Container, Content, Text, Form } from 'native-base'; 
 
//import { createStore } from 'redux' //NOT sure whether I need it, but I still get the same error 
 
import { reduxForm } from 'redux-form' 
 

 
const SignInForm = props => { 
 
    return (
 
     <Form> 
 
     </Form> 
 
    ); 
 
}; 
 

 
export default reduxForm({ 
 
    form: 'simple' // a unique identifier for this form 
 
})(SignInForm)

と、これは

index.js

import React, { Component } from 'react'; 
 
import { AppRegistry, StyleSheet, Image } from 'react-native'; 
 
import { SignInForm } from "./components/AzForm"; 
 

 
export class HomeScreen extends Component { 
 
    render() { 
 
    return (
 
     <SignInForm /> 
 
    ); 
 
    } 
 
}

からの抜粋です

Answer 1

変更

export class HomeScreen

export default class HomeScreen` 

あなたはdefaultせずにエクスポートするには、エクスポートされたコンポーネントは名前の輸出として知られているものになります（につきこれらの多くを持つことができますファイル）。あなたは、ザ・コンベンションは、ファイルごとに1つのコンポーネントにあるリアクトimport {HomeScreen} from 'HomeScreen'

としてこれらをインポートします。これは、上記のようにエクスポートのデフォルトオプションを使用することによって実現されます。あなたは、あなたが輸出defaultコンポーネントを持って

Answer 2

import HomeScreen from 'HomeScreen';を使用して、それをインポートするだろう...だからimport

import SignInForm from "./components/AzForm"; 

中に中括弧を使用する必要はありません