react组件
实例
1. 定义组件,注意自定义的 组件名都要以大写字母开头
可以用函数定义组件
function HelloMessage(props) { return <div>hello world</div>; }
也可以用ES6 class定义组件 ,
class HelloMessage extends React.Component { render(){ return <div>hello world</div>; } }
2. 使用组件 :
var element = <HelloMessage />;
3. 参数
如果我们需要向组件传递参数,可以在function中用props 对象:
![](https://img2020.cnblogs.com/blog/1517312/202102/1517312-20210223124307393-1808404694.png)
或者在ES6中用this.props对象
结果一样:
4. 复合组件