美文网首页
React-Native学习,当Import一个组件类时的报错处

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

作者: 码农的思念 | 来源:发表于2017-03-03 11:23 被阅读460次

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

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

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


2326498-0431bdf97b0c1917.png

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


Paste_Image.png

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

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

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

相关文章

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

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

  • Adjacent JSX elements must be wr

    原因: React-Native中,只能包括一个根组件,当放多个时,如:

  • ReactNative AsyncStorage工具类

    1. 工具类 import { AsyncStorage }from 'react-native'; export...

  • 路由懒加载于svg

    路由懒加载:const 组件名=() => import('组件路径'); 路由传参: 注意:,当使用路由参数时,...

  • 2018-05-15

    路由懒加载:const 组件名=() => import('组件路径'); 路由传参: 注意:,当使用路由参数时,...

  • 路由懒加载

    路由懒加载:const 组件名=() => import(‘组件路径’);路由传参: 注意:,当使用路由参数时,例...

  • 路由懒加载和vue代理

    路由懒加载:const 组件名=() => import('组件路径');路由传参: 注意:,当使用路由参数时,例...

  • 路由懒加载

    路由懒加载:const 组件名=() => import('组件路径');路由传参: 注意:,当使用路由参数时,例...

  • 路由懒加载和vue代理

    路由懒加载:const 组件名=() => import('组件路径');路由传参: 注意:,当使用路由参数时,例...

  • 006Spring注解@Import

    1、简介 @Import快速给容器中导入一个组件。 2、基础类 3、@Import 3.1、取值 3.2、作用域 ...

网友评论

      本文标题:React-Native学习,当Import一个组件类时的报错处

      本文链接:https://www.haomeiwen.com/subject/uablgttx.html