引入react文件报错_React 重难点

网上各种言论说 React 上手比 Vue 难，可能难就难不能深刻理解 JSX，或者对 ES6 的一些特性理解得不够深刻，导致觉得有些点难以理解，然后说 React 比较难上手，还反人类啥的，所以我打算写两篇文章来讲新手学习 React 的时候容易迷惑的点写出来，如果你还以其他的对于学习 React 很迷惑的点，可以在留言区里给我留言。

为什么要引入 React

在写 React 的时候，你可能会写类似这样的代码：

import React from 'react'function A() { // ...other code return 

前端桃园

}

你肯定疑惑过，下面的代码都没有用到 React，为什么要引入 React 呢？

如果你把 import React from ‘react’ 删掉，还会报下面这样的错误：

7F6E506E-3025-401D-A492-3B501F8081C6

那么究竟是哪里用到了这个 React，导致我们引入 React 会报错呢，不懂这个原因，那么就是 JSX 没有搞得太明白。

你可以讲上面的代码(忽略导入语句)放到在线 babel 里进行转化一下，发现 babel 会把上面的代码转化成:

function A() { // ...other code return React.createElement("h1