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

标签 reactjs redux build hosting create-react-app

我的故事:

我想快速启动一个页面,但我真的不擅长 CSS。我知道 React 并希望在那里变得更好,所以我从 themeforest 购买了两个应用程序模板。一个是着陆页,另一个是仪表板页面。所有样式,独立工作很好。现在我想将它们集成到一个应用程序中,这样当用户点击登录页面中的“登录”时,他将被重定向到仪表板应用程序登录页面。这两个应用程序都是独立的。两者都是使用 CRA 制造的。支持将在 .NET 中编写。

我应该怎么做?最好的方法是什么?我可以将较小应用程序(登陆)的一些文件“复制粘贴”到仪表板应用程序并更改 react 的根目录,这是可行的,但需要一些时间来移动所有内容并正确构建。也许您可以想到另一种方法?

最佳答案

大部分 React 开发者(不擅长 CSS)都会有类似的情况。我想不出现成的解决方案。我建议您手动浏览 landing.html 和 dashbaord.html 并将其拆分为至少 2 个 react 组件。你提到你知道 react ,所以这对你来说很容易。对您来说最困难的部分是解决 CSS 类冲突。这两个 HTML 文件可能使用相同的类。在这里,您需要逐个分析或更改 landing-style.css 文件或 dashboard-style.css 文件的 CSS 类的名称。 是时候学习 CSS 基础知识了。祝你 CSS 学习顺利。

关于reactjs - 将两个 react 应用程序合并为一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58545039/

相关文章:

reactjs - React Prop 中的索引签名

javascript - 如何在reducer中的数组索引处添加对象

javascript - React Hooks - 调用依赖于 "one time"useEffect 状态的函数的最佳位置?

javascript - 在React中使用Fetch从服务器获取数据

javascript - React redux - componentDidMount 获取与操作

java - 读取程序集时出错 : Descriptor with ID <xml path> not found

visual-studio-2013 - F# 项目需要花费大量时间来构建

spring - 在构建项目时,有没有办法摆脱这些 spring/aspectj 警告?

javascript - 通过单击子 div 防止 onClick 事件

javascript - 如何专注于第一个输入字段 - redux-form