create-react-app搭建react开发环境中的public/index.html.
使用create-react-app创建一个简单的react项目,会在项目的根目录下生成一个入口文件index.js,其内容大致如下:
ReactDOM.render(
<Provider store={store}>
<App />
</Provider>,
document.getElementById('root')
);上述代码中,document.getElementById("root")这句就是把根组件挂载在根页面中,该页面位于项目的根目录public/index.html,其内容大致如下:
<body> <noscript> You need to enable JavaScript to run this app. </noscript> <div id="root"></div> </body>
上述代码中,<div id="root"></div>和document.getElementById("root")相对应.
我的问题是,在开发环境下没有打包文件的情况下,index.js中的document.getElementById("root")是如何能够关联到另一个目录public/index.html文件呢,这两者之间好像没有引用关系.
明月笑刀无情浏览 1967回答 2
2回答
-
绝地无双
打包完再看。打包工具会自动在 </body> 前面添加 script 的引用。
随时随地看视频慕课网APP
React.JS