React Javascript 助手

React Javascript assistant

提问人:Technology Evangelist 提问时间:10/27/2023 最后编辑:DeotymaTechnology Evangelist 更新时间:10/29/2023 访问量:26

问:

我目前正在尝试了解 React Javascript,但在安装和启用 React 环境后遇到了一些问题。在安装 node js 并使用“create-react-app”启用环境之前,我使用脚本标签中包含的 CDN 链接在 react 中键入了 javascript 代码。这很简单,因为我能够轻松地完成它。但是,当我安装一个 react 环境时,我在理解它的工作原理时遇到了问题,因为我不必在我的 html 文件中键入代码,而且我在网页中加载它时也遇到了问题。另一个问题是我只需要在 App.js 和 index.js 文件中编写代码,而不是我以前使用香草 javascript 的方式。当我使用 live-server 时,我在 javascript 文件中编写的代码不会加载。我怎样才能更好地理解 React?我很高兴知道。

我尝试使用 ReactDOM.render(),但在导入函数后收到一个错误,说 render 不是函数。我尝试通过运行“npm start”来运行我的代码,但每当我重新启动 VS Code 时,网页都没有打开。我尝试使用实时服务器,但它只在我的 html 中加载代码。我想也许我应该再次链接javascript文件,但它没有用。所以,一般来说,我的问题是如何在 React 中将文件链接在一起,应该如何导出和导入它们,我应该如何处理 HTML 文件并将它们与其他文件链接,以及在 public 文件夹和 src 文件夹中创建的文件的重要性。

javascript html reactjs dom 导入

评论

0赞 Alex Popov 10/27/2023
你不能将 live-server 与 react 一起使用。与 live-server 不会自动打开新窗口不同,您必须打开浏览器并手动输入 localhost 地址 - 例如: - 请注意您的端口可能不同npm starthttp://localhost:3000
0赞 Deotyma 10/28/2023
您可以在此处找到官方信息: react.dev/learn 这是一个应用程序示例: youtu.be/nrv_O_dIvns?si=nVmep7G6s-TIqy-x

答: 暂无答案