ReactNative - Undefined不是一個對象（評估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模塊呈現在一行中。

我注意到，有時我得到的錯誤與

<DayItem />

如果我把它放在外面<View>，但其優良的內部。

無論如何，我不確定如何讓我的Hello World Partial在我的主文件中工作。

對此的任何幫助將有所幫助。

感謝現在

Answer 1

有幾個代碼錯誤由Cherniv和納德的指出。

另一個錯誤是在每天的項目js文件

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

應該

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;