react组件

时间：2021-02-23 13:31:56 阅读：19 评论：0 收藏：0 [点我收藏+]

实例

技术分享图片

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 对象：

或者在ES6中用this.props对象

技术分享图片

结果一样：

技术分享图片

4. 复合组件

技术分享图片

原文：https://www.cnblogs.com/dayanjing/p/14435413.html

踩

(0)

评论一句话评论（0）

分享档案

更多>