要素タイプが無効です：文字列/オブジェクトが取得されました：未定義

Question

このコードで入力が返された理由はわかりません。undefinedButton, Card, CardSectionコンポーネントは同じ方法でエクスポート/インポートされます。

<Input/>タグをコメントアウトすると、LoginFormの残りのコンポーネントが正常にレンダリングされます。

ご協力いただければ幸いです！

Input.js -

import React from 'react'; 
import { Text, TextInput, View } from 'react-native'; 

const Input = ({ label, value, onChangeText }) => { 
    return (
     <View> 
      <Text>{label}</Text> 
      <TextInput 
       value={value} 
       onChangeText={onChangeText} 
       style={{ height:20, width:100 }} 
      /> 
     </View> 
    ); 
}; 

export { Input }; 

Button.jsを働いていない - それはindex.jsファイル番目に輸出されることはなかったので、それがundefinedとして返されたワーキング

const Button = ({ whenPressed, children }) => { 

    const { buttonStyle, textStyle } = styles; 

    return (
     <TouchableOpacity onPress={whenPressed} style={buttonStyle}> 
      <Text style={textStyle}> 
       {children} 
      </Text> 
     </TouchableOpacity> 
     ); 
}; 

export { Button }; 

LoginForm.js

import React, { Component } from 'react'; 
import { View } from 'react-native'; 
import { Button, Card, CardSection, Input } from './'; 

class LoginForm extends Component { 

    state = { text: '' }; 

    render() { 
     return(
      <Card> 
       <CardSection> 
        <Input 
         value={this.state.text} 
         onChangeText={text=> this.setState({ text })} 
        /> 
       </CardSection> 
       <CardSection/> 
       <CardSection> 
        <Button style={styles.buttonStyle}>LOGIN</Button> 
       </CardSection> 
      </Card> 
     ); 
    } 
} 

Answer 1

atはAppへのすべての輸出を保有しています。サンプルコードで

はあなたがIndex.js` `で` ` コンポーネントが、` import`中を示し Index.jsで <Input/>コンポーネントが、サンプルコードで ./.