网站的部分实现create-react-app

时间:2018-12-05 21:20:09

标签: javascript reactjs create-react-app

我目前正在为我的学校项目开发一个网站/ webapp(我真的不知道它们之间的明显区别)。最初,我打算完全通过HTML / CSS和JS进行开发,但是,我的顾问告诉我对页面的某些部分使用react框架,而不是为了简单起见只使用Java。由于我没有网络开发背景,而且总体上感到困惑,这真让我感到困惑。

我目前拥有所有使用CSS样式的HTML页面,并且能够转换部分Web应用程序以使用create-react-app做出反应。但是,我不知道如何连接这两个。

我在主目录中创建了my-app文件夹,其中包含大多数HTML文件夹,但是我将如何处理   1.从HTML页面访问react应用程序?   2.从react应用程序访问主目录中的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之类的东西,它是主目录中HTML的相对路径。

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

1 个答案:

答案 0 :(得分:1)

结帐

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

什么?

这是React的超级裸实现,使用:

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

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

让我知道是否有帮助;如果没有用,我很乐意删除。