reactjs学习--02

标签：图片   运算   最大   inline   简化   one   列表组   rop   ==   

JSX注意点：

class和for都是js关键字，因此JSX需要改变名称 => className htmlFor

reactjs的组件

无状态组件（函数组件）

在无状态组件中可以通过给函数传递props参数，来获取外界传值

三点运算符实现简化传值：

组件抽离成jsx文件

Hello.jsx

引用组件：

有状态组件（类组件）

Comclass.jsx

用class创建的组件继承了React.Component

内部自定了this.state属性来保存状态，this.data来保存数据

同时组件有生命周期函数，并且通过this.props属性来

获取外界的传值，这是与无状态组件最大的区别

引用组件：

无状态组件和有状态组件的合作应用

ComListItem.jsx ==> 子组件

ComListClass.jsx

引用列表组件

reactjs学习--02

标签：图片   运算   最大   inline   简化   one   列表组   rop   ==   

原文地址：https://www.cnblogs.com/chujunqiao/p/11747240.html