要素タイプが無効であると予想されます。文字列が定義されていません

Question

React Nativeのコースに従っていますが、少し古くなっているようです。 単一のコンポーネントをインポートしようとしています。

import React, { Component } from 'react'; 
import { AppRegistry, Text, View } from 'react-native'; 
import TaskList from './TaskList'; 

class AwesomeProject extends Component { 
    constructor(props, context) { 
     super(props, context); 
     this.state = { 
     todos:[ 
      { 
      task:'Learn React Native' 
      }, 
     ], 
     }; 
    } 

    render() { 
    return (
     <TaskList /> 
    ); 
    } 
} 

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

TaskList.js

import React, { Component } from 'react'; 

const { 
    Text, 
} = React; 

class TaskList extends Component { 
    render() { 
    return (
     <Text>Hi this is the TaskList!</Text> 
    ); 
    } 
} 

export default TaskList; 

私は周りを見回していると私は何が間違って

Answer 1

Textがreact-nativeから輸入しなければならない他の人は致しておりません。 TaskList` `で

import { 
    Text, 
} from 'react-native' 

代わりに

const { 
    Text, 
} = React;