为什么要import react

为什么要import react

在定义React组件或者书写React相关代码,不管代码中有没有用到React这个对象,我们都必须将其import进来

import React from 'react';    // 下面的代码没有用到React对象,为什么也要将其import进来
import ReactDOM from 'react-dom';

ReactDOM.render( <App />, document.getElementById( 'editor' ) );

关于这个问题,我们看一下打包工具的.babelrc文件就全明白了

{
    "presets": ["env"],
    "plugins": [
        ["transform-react-jsx", {
            "pragma": "React.createElement"
        }]
    ]
}

因为打包工具是需要React.createElement这个方法把你写的jsx转化为虚拟DOM的,就像这样

import React from './react'
import ReactDOM from './react-dom'

class App extends React.Component {
    render() {
        return <h1>Hello,World!</h1>
    }
}

const element = ( <div className="123">
    <span>hello</span>
    <div>world</div>
</div>
)
console.log('element', element)


ReactDOM.render(
    <App />,
    document.getElementById( 'root' )
);

用到了React.createElement

约定使用React,故必须引用。

更多React相关技术文章,请访问React答疑栏目进行学习!

以上就是为什么要import react的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » React 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏