ReactNative - 未定義はオブジェクトではありません（xを評価する）

Question

私はReactNativeに関するオンラインチュートリアルに続き、プロジェクトにファイルを「含む」。ほぼ部分的に似ています。

このエラーが発生します。

私index.ios.jsは

day-itemファイルである：私は行っていませんでした

// Imports 
import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text 
} from 'react' 

// Component 
class DayItem extends Component { 
    render() { 
     return (
      <Text> 
      Hello world 
      </Text> 
     ); 
    } 
} 

var { NativeModules } = require('react-native'); 
module.exports = NativeModules.DayItem; 

は前にネイティブ反応するが、私は、そのはに言及かわからないんだけどそれがundefinedがオブジェクトではないと主張するとき。

私のメインプロジェクトにこのモジュールを組み込み、DayItemモジュールを1行に表示することです。

私は<View>外が、その罰金の内側にそれを置く場合は、時々私は

<DayItem />

でエラーが出ていることに気づきました。

私のHello World Partialをメインファイル内でどのように動作させるかはわかりません。

これについての助けがあれば助かります。 Chernivとネーダーが指すようになりました

Answer 1

ため

おかげで、コードの間違いのカップルがありました。

もう一つの間違いは

import { 
    AppRegistry, 
    StyleSheet, 
    Text 
} from 'react'; 

日項目のjsファイルにあった

import { 
    AppRegistry, 
    StyleSheet, 
    Text 
} from 'react-native'; 

ここでは完全な作業コードがあるべきです。

index.ios.js

import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View 
} from 'react-native'; 

import DayItem from './src/day-item'; 


// Component 
class Weekdays extends Component { 
    render() { 
    return (
     <View> 
     <Text> 
      Days of the Week 
     </Text> 
     <DayItem /> 
     </View> 
    ); 
    } 
} 

AppRegistry.registerComponent('Weekdays',() => Weekdays); 

のsrc /日item.js

// Imports 
import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text 
} from 'react-native'; 

// Component 
class DayItem extends Component { 
    render() { 
     return (
      <Text> 
      Hello world 
      </Text> 
     ); 
    } 
} 

export default DayItem;