微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

 

或者在ES6中用this.props对象

 

 结果一样:

 

 4. 复合组件

 

 

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐