学习react-native中,对于import组件的方式有些疑问

//引入 React的抽象组件
import React, { Component } from 'react';
//引入 ReactNative的具体组件
import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';

我了解import {...} from react这种写法,但是不明白import React, { Component } from react这种写法是什么意思,还有什么是抽象组件和具体组件?

这是 ES6 的新语法,不是 React 引入组件的黑科技:变量的解构赋值(http://es6.ruanyifeng.com/#do…)

ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。

数组

var [a, b, c] = [1, 2, 3];

对象

var { foo, bar } = { foo: "aaa", bar: "bbb" };

:对象的解构与数组有一个重要的不同。数组的元素是按次序排列的,变量的取值由它的位置决定;而对象的属性没有次序,变量必须与属性同名,才能取到正确的值。

回到你的问题:

import React, { Component } from 'react';

我们分成两个部分。首先:

import React from 'react';

是从 react 里面引入 React 类。

import { Component } from 'react';

就是上文说到的“解构赋值”。

  • 微信公众号上传拍摄好的视频到自己的服务器
  • REPL通俗的理解什么?
  • nginx下配置 expires直接导致相关资源404了?
  • jquery 数据格式解析
  • app点击按钮跳转应用宝
  • webpack打包异步加载模块的路径问题
  • 前端不会nodejs可以调用微信公众号接口吗?
  • chrome extension 可以拿到并且改写页面的window对象吗?
  • react,多个节点执行同一个事件,怎么区分启动事件的是哪个节点?
  • angularjs的directive编译和链接的主要区别是什么
  • 关于viewer.js的问题 图片查看时如何设置居中