为什么代码中使用import React from 'react'

Posted ethanyu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为什么代码中使用import React from 'react'相关的知识,希望对你有一定的参考价值。

在我们写代码的react组件时,不管是无状态组件还是有状态组件,我们在头部都要引入react,然而在代码中又没有使用到react

import React from \'react\'; 

那是因为我们在代码中写了jsx语法,bable在把jsx语法转换成js语法的时候要用到React.createElement()把jsx对象转换成js语法

const Eel = (
<div> <h1>hello world</h1> </div>
)
// 会转化成
React.createElement("div", null,React.createElement("h1", null, "hello world")); 

在转换的时候会用到React.createElement()方法,所以我们要在头部引入react,只有该js文件写了jsx语法及对象

以上是关于为什么代码中使用import React from 'react'的主要内容,如果未能解决你的问题,请参考以下文章

react中,路由的使用。import {BrowserRouter,Switch,Route} from "react-router-dom";

为什么import React from 'react',React首字母必须大写?

为啥我必须对 React 中的图像使用“require”而不是“import from”?

使用initialEntries测试react-router(带有Enzyme)

工作中制造的一个react日历轮子

React-redux原理探索