创建组件的方式

来源:12-2 移动端页头组件开发

mzzlvy

2017-03-27

在网上我看到一篇文章说不建议使用class继承来创建组件而推荐使用React.createClass,不知道为什么?

写回答

4回答

zz77zz

2017-03-27

class 是es6语法,es6语法的this其实也有些难掌控吧,React.create 应该是内部做了封装避免遇到上述类似的问题吧,只是个人意见

1
2
zz77zz
回复
mzzlvy
共同学习
2017-03-30
共2条回复

Parry

2017-03-28

建议学习并使用 es6 语法。

0
2
mzzlvy
“学习ES6"中
2017-03-28
共2条回复

mzzlvy

提问者

2017-03-28

学习ES6

除了JSX(你在React基础部分会学到)以外,你会在React的示例中看到一些陌生的符号。它们便是ES6(ECMAScript第6版,JavaScript最新的语法标准)的新语法,在你学习基础JavaScript的时候不曾遇到过。由于它太新了(2015年颁布),因此还没有得到很好地浏览器支持,但是你的打包工具可以在打包的同时将ES6转成ES5的语法以获得更好的浏览器支持。

当然,使用React不代表一定要使用ES6,你大可以跳过ES6,将重点放在React本身。但是ES6的一些概念解决了很多以往JavaScript的语法问题,建议不打算学习ES6的朋友有精力的时候也了解一下。

强调一点:有些人会推荐你用ES6中新的类来定义React组件,而我建议你不要这么做。事实上多数人(包括Facebook的开发者)在创建React组件时使用的是React.createClass()方法。

1
2
mzzlvy
回复
Parry
好的,谢谢老师,主要是他说的比较含糊又不解释原因,拍这样用是有什么问题
2017-03-29
共2条回复

zz77zz

2017-03-27

默认的可以用 export defaults 然后在用到的组件中import 引用就好了

1
1
mzzlvy
http://www.tuicool.com/articles/VZR7Rvj 推酷上说的 不知道为啥= =
2017-03-28
共1条回复

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程