javascript - 将 create-react-app 部分实现到网站

标签 javascript reactjs create-react-app

我目前正在为我的学校项目开发一个网站/网络应用程序(我真的不知道它们之间的明显区别)。最初我打算完全通过 HTML/CSS 和 JS 进行开发,但是,我的导师告诉我对部分页面使用 React 框架,而不是为了简单而只使用 Java。这真的让我很困惑,因为我没有网络开发背景,而且我一般都很困惑。

我目前拥有所有使用 CSS 样式化的 HTML 页面,并且我能够使用 create-react-app 将部分网络应用程序转换为响应。但是,我不知道如何将这两者联系起来。

我在包含大部分 HTML 文件夹的主目录中创建了 my-app 文件夹,但是我该如何去 1. 从 HTML 页面访问 React 应用程序? 2. 从react app访问主目录下的HTML页面?

以下是我的目录作为引用

mainDir
  |_____bunch of html files
  |_____css //contains all css files
  |_____img // contains all images
  |_____my-app
           |____all the files created by create-react-app

我尝试过的方法: - 使用主目录下的HTML页面跳转到my-app文件中的index.html加载应用 - 将每个类的 App.js render() 函数内标签上的文件路径更改为类似 ../../welcome.html 的内容,这是 main 中 HTML 的相对路径目录。

提前感谢您的帮助。我欢迎任何和所有的建议!如果没有足够的信息来评估情况,请告诉我!

最佳答案

结帐

这个 Example source code ,来自 React.js:"Add React in One Minute"指导。

这是什么?

这是 React 的 super 最低限度的实现,使用:

  • 1 x .html 文件
  • 1 x .js 文件

鉴于您当前的设置,我认为这比尝试合并 create-react-app 简单得多。

如果这有帮助,请告诉我;如果它没有用,我很乐意将其删除。

关于javascript - 将 create-react-app 部分实现到网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53640925/

相关文章:

javascript - 将 Buy Me A Coffee 小部件添加到 React 应用程序

asp.net-core - 如何在 devops Azure 管道中设置 process.env.var

javascript - ESLint、Create React App 和 Unused Vars 错误

javascript - 在 Angular JS 中使用 $watch 设置监听器

javascript - 更改多个页面的 div 上的 css 背景图像?

javascript - 无法通过 jquery 获取新创建的表格单元格

reactjs - 将两个 react 应用程序合并为一个

javascript - 从年份获取世纪

reactjs - 在 React 中使用类而不是 className 属性的任何或多或少的官方方式

javascript - 在 React 组件的多次嵌套对象上使用 ES6 .map()