react初识

React 组件 

组件尽可能的小,当然,合适的大小取决于很多不同的因素,下面这段代码我认为是比较合适的.

2.png


组件本身是一个 section ,里面只有两个 <p>。第一个<p>有一个标题,第二个<p>只是映射一些数据,使用数据中的每个元素渲染 <PostPreview>。还有一部分抽取<PostPreview>作为独立组件,这点我认为很重要。


写函数式组件 :

我们有两种定义React 组件的方法,  第一种是 React.createClass() 

3.png

另一种是 ES6 class 写法:

4.png

还有一种更简洁的方式 

5.png

语法上简洁,易读。

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容