ES6笔记

定义组件的三种写法

  • 传统写法
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'

文件目录

./   当前目录
../  父级目录
/    根目录
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 目标 掌握如何定义变量 掌握解构的内部机制 掌握字符串模版 let关键字 可以限制变量作用域 Code 1: 适合...
    MR__Fan阅读 367评论 0 1
  • 一. let 和 const 1 let 基本用法 ES6新增let命令,与var用法类似,但所声明的变量只在声明...
    dodomix阅读 2,314评论 0 2
  • const定义的变量,和let声明的变量都不会进行变量提升,预编译阶段扫描到变量声明时,将变量声明放入暂时性死区,...
    cutecat阅读 431评论 0 0
  • 小知识的积累,方便自己随时查看! 1. android透明度对应百分比数字 2. 代码设置shape背景 创建渐变...
    kai_w阅读 472评论 0 0
  • 简单生活其实并不简单,过着一种简单的生活并不是指四大皆空、无欲无求,而是随心所欲、信手拈来、潇洒自如。这是一种极其...
    健健大侠阅读 1,068评论 0 51