为什么写JSX的时候要引入react

为什么要在Jsx中引入react

通过babel转换可以了解原因

转换前：

import react from 'react';

function Test({name = "test"}) {
    return <div>
      <h1>123123</h1>
    </div>
}

转换后：

import react from "react";

function Test({ name = "test" }) {
  return /*#__PURE__*/ React.createElement(
    "div",
    null,
    /*#__PURE__*/ React.createElement("h1", null, "123123")
  );
}

通过转换可以了解到JSX被转换成React.createElement这个API来生成AST。

所以需要引入React。