如何将React.js文件链接到html
如何将React.js文件链接到html
提问于 2017-07-05 15:25:05
我刚刚从这里安装了这个Create程序，https://github.com/facebookincubator/create-react-app和我已经下载了所有的文件，我能够编辑App.js文件，但是我已经为一个网站制作了一些html文件，我想知道如何将App.js文件链接到我当前的文件。给定Index.html上的html没有显示使用的<script>元素。以下是完整的html代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<!--
manifest.json provides metadata used when your web app is added to the
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>回答 2
Stack Overflow用户
回答已采纳
发布于 2017-07-05 16:16:51
在项目内部运行
npm运行构建
这将使用"/build“文件创建文件夹"index.html”。在这个里面，你可以看到所有这些魔法是如何实现的。你也可以把你其他的/旧的东西放在那里。
Stack Overflow用户
发布于 2017-07-05 15:48:27
我不完全确定您要求的是什么，但是您可以在与React相同的页面上使用普通的html/css。React是在页面的App部分中呈现div id="root"组件。在其他地方，您只需粘贴旧的html内容，它就能工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44930325
复制相关文章
相似问题
腾讯云开发者
