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

相关文章推荐

高兴的自行车 · C#对Excel的图文操作-阿里云开发者社区· 1 年前 ·

曾深爱过的手链 · php返回json对象给前端_在cakeph ...· 2 年前 ·

风度翩翩的可乐 · SpringBoot整合Jackson超详细 ...· 2 年前 ·

俊逸的小马驹 · 接收post请求（vue+axios）解决跨 ...· 2 年前 ·

被表白的日记本 · idea拉取其他分支会报错，错误信息：未跟踪 ...· 2 年前 ·

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

jsx文件

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

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

推荐文章

高兴的自行车 · C#对Excel的图文操作-阿里云开发者社区

1 年前

曾深爱过的手链 · php返回json对象给前端_在cakephp 后端返回的json_encode 的数据前段怎么使用res.msg ?-CSDN博客

2 年前

风度翩翩的可乐 · SpringBoot整合Jackson超详细用法(附Jackson工具类)_java_脚本之家

2 年前

俊逸的小马驹 · 接收post请求（vue+axios）解决跨域问题（三）-腾讯云开发者社区-腾讯云

2 年前

被表白的日记本 · idea拉取其他分支会报错，错误信息：未跟踪的文件会阻止签出_MonkeyKing_sunyuhua的博客-CSDN博客

2 年前