javascript - 元素类型无效，需要字符串未定义

Question

所以我正在学习有关 React Native 的类(class)，该类(class)似乎有点过时了。只是尝试导入单个组件。

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;