# 1-1-React 新版本及 ES6 简介 1. 课程简介 2. Getting Started变化 JSXTransformer Create-react-app 3. React语法变化 Component 4. ES6基本语法 import const Class Arrow Function 第一节课呢，我们就来简单介绍一下这些应用在React开发当中，属于 ES6 的新的关键字和语法糖，也好为我们之后的学习打下一个基础，当然我更推荐同学们对 ES6 有一个比较全面的了解之后再开始学习 React，不过你也不需要担心，以后在课程中每当遇到涉及 ES6 新语法的问题时，我都会稍作讲解。 **[ECMAScript 6 入门](http://es6.ruanyifeng.com/)** ## import ```jsx import React, { Component } from 'react'; ``` 我们就从头开始看。首先是在JS当中引用其他库文件的语法变化。之前我们一般都是通过 `require` 方法把库文件导出的方法保存在一个变量中。在ES6当中引入了一组个新的关键字 `import/export`，如果有同学对 Java 或 Python 有所了解的话，对 `import` 语句应该不会感到陌生，一般我们都会在文件的开头引入我们需要使用的模块或方法。 我们在一个文件中导入的模块或方法是从另一个文件中导出的。如果是使用 `export default` 语句导出的方法，我们直接定义其变量名称，这样的方法每个文件只能导出一个： ```js // myFunction.js export default function() { console.log('This is default function!'); } // index.js import myFunction from 'myFunction'; ``` 仅用 `export` 导出的方法，在使用时，则需要把它们包含在大括号里： ```js // myAnotherFunction.js export const foo = 'bar'; export function bar() { console.log('foo'); } // index.js import { foo, bar } from 'myAnotherFunction'; ``` ## const ```jsx const title =

React Learning

``` `const` 关键字在ES6语法中，被用来声明常量。不过这并不表示声明的常量中数据不可变。在es6中，`const` 声明的其实是一个只读的指针，也即是指针的位置不能改变，但其指向的值事实上是可以操作的，我�