元素類型無效期望一個字符串undefined

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;