react中jsx文件是如何转换成js对象的

时间 2019-12-10

标签 react jsx 文件如何转换对象栏目 React 繁體版

原文原文链接

经过在线babel转换器，转换出jsx是如何变成js对象的react

jsx文件babel

加入了正常的标签以及嵌套标签以及方法属性编辑器

function hello() {
  click=()=>{
    console.log("hello")
  }
  return <div>
          <button onclick={this.click.bind(this)}>
            helloWorld
          </button>
          </div>;
}

经过babel转换以后测试

"use strict";

function hello() {
  click = function click() {
    console.log("hello");
  };

  return React.createElement("div", null, React.createElement("button", {
    onclick: this.click.bind(this)
  }, "helloWorld"));
}

在线babel编辑器测试this