React组件渲染和更新的实现代码示例-创新互联

最近一直写React,慢慢就对里面的一些实现很好奇。最好奇的就是自定义标签的实现和this.setState的实现。这里不分析JSX是如何解析的,所有组件都用ES5方式编写。

在锦屏等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、网站制作、外贸营销网站建设 网站设计制作定制网站制作,公司网站建设,企业网站建设,成都品牌网站建设,成都全网营销推广,外贸网站制作,锦屏网站建设费用合理。

组件渲染

渲染时候,我们会调用render方法。类似下面这样:

var SayHi = React.createClass({
 getInitialState: function() {
  return {verb: 'say:'};
 },
 componentWillMount: function() {
  console.log('I will mount');
 },
 componentDidMount: function() {
  console.log('I have mounted');
 },
 render: function() {
  return React.createElement("div", null,this.state.verb, "Hello ", this.props.name);
 }
});

React.render(React.createElement(SayHi, {name: "Cynthia"}), document.getElementById("container"));

当前题目:React组件渲染和更新的实现代码示例-创新互联
文章源于:http://bzwzjz.com/article/dhodhc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 定制网站设计 营销型网站建设 成都网站制作 网站建设方案 高端定制网站设计 定制网站建设 成都网站建设 企业网站制作 成都网站建设公司 成都品牌网站建设 达州网站设计 网站建设开发 成都网站建设 手机网站制作 LED网站设计方案 成都商城网站建设 手机网站制作设计 手机网站建设 成都网站建设 重庆企业网站建设 外贸营销网站建设 成都网站设计