ES6笔记

作者: angeChen | 来源:发表于2017-09-26 15:45 被阅读12次

定义组件的三种写法

  • 传统写法
const App = React.createClass({
  ...
});
  • es6写法
class App extends React.Component({
  ...
});
  • stateless 的写法(推荐)
const App = ({props}) => ({
  ...
});

const、var、let

  • const 声明的只是个只读的常量,不能修改其值
  • var 声明变量,作用域为该语句所在的函数内
  • let 声明变量,作用域为该语句所在的代码块内 (let 是更好的 var)

组件引用

如果子组件是默认输出组件export default UserForm,则写法为:

import UserForm from './UserForm'

如果子组件文件中含有多个组件,则写法为:

import { UserForm } from './UserForm'

文件目录

./   当前目录
../  父级目录
/    根目录

相关文章

  • Ant Design Pro的知识储备

    Less 笔记 Less 官方文档 ReactJs笔记 ReactJs官方文档 ES6笔记 ES6文档 dvaJs...

  • [总结]ES6 Array

    学习es6时做得小笔记

  • ES6_note

    ES6笔记 es6 - 解构 数组的 解构赋值 let [a, b, c] = [1, 2, 3]; 这种写法属于...

  • Node.js笔记七:es6

    Node.js笔记七:es6 es6是javascript的新一代语法规范,现在很多新的库都是基于新的es6语法规...

  • ES6 笔记(常量&&变量)

    ES6 笔记(常量&&变量) 变量&&常量 新特性 ES6 新增了let命令,用来声明变量。它的用法类似于var,...

  • 1、let和const命令

    阮一峰《ES6 标准入门》 笔记阮一峰 博客案例 在ES6中,我们通常实用 let 表示变量,const 表示常量...

  • let 和 const 命令

    ES6学习笔记1、let命令ES6中新增了let,用于声明变量,与var类似,但let声明只是在其block(块)...

  • 2.let 和 const 命令

    阮一峰ES6教程学习笔记原文地址 1. let和var let:ES6 新增命令用法类似于var,但是所声明的变量...

  • 《深入理解ES6》学习笔记(第一天)

    《深入理解ES6》学习笔记(第一天) 关于本书 深入理解ES6的特性对于所有JavaScript开发人员来说至关重...

  • ES6 let命令和const命令

    基于ES6标准入门(第3版)这本书的笔记要学习angula,vue,react等新的前端框架,必须先熟悉ES6的语...

网友评论

      本文标题:ES6笔记

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