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号
友情链接: 响应式网站设计方案 阿坝网站设计 企业网站设计 重庆企业网站建设 梓潼网站设计 网站制作 重庆网站建设 成都做网站建设公司 四川成都网站设计 手机网站建设 高端网站设计 成都网站建设 重庆网站建设 移动手机网站制作 成都网站设计 自适应网站设计 外贸网站设计方案 高端网站设计 成都网站制作 成都网站建设 网站制作报价 达州网站设计