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"));
}