React-Native学习,当Import一个组件类时的报错处理

学习中遇到的简单问题,不过当初花了不少时间去找。。
创建一个button的组件类,如果你按照以下这种写法import Component的话

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

模拟器Cmd+R后应该会报这种错误:


React-Native学习,当Import一个组件类时的报错处理_第1张图片
2326498-0431bdf97b0c1917.png

其实解决方法也已经写在下面了:


React-Native学习,当Import一个组件类时的报错处理_第2张图片
Paste_Image.png

意思是不能按照上面那种将component和view放在一个大括号里,而应该是将react和react-native的组件分开引入,如下:

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

重新刷新,报错消失运行正常。

你可能感兴趣的:(React-Native学习,当Import一个组件类时的报错处理)