我目前正在尝试创建单页网站，其结构或多或少像这样：
如果这里应用单页应用的概念，那么index.html应该是唯一渲染的页面吧？所以index.html里面的结构是这样的
<body>
<Navbar\>
<Gallery\>
</body>
然后我想让它有一个登录页面来区分管理员（编辑和替换网站内的内容，而不实际更改代码，因为用户显然对此不太了解并且很老，所以我想使该网站尽可能强大，以便在我的合同完成后保留）和客户/基本用户页面。
如果我在导航栏中制作登录表单，或从导航栏重定向到login.js，那么登录后，用户（或本例中的管理员）将被重定向到网站的不同视图（现在带有编辑按钮和所有内容），我应该在哪里传递登录凭据而不创建任何新页面？我实际上在这里寻找什么？到index.js？对于index.js 中的任何逻辑脚本？或者创建名为 admin-page.html 的新页面，该页面实际上具有与 index.html 相同的结构，但带有编辑按钮？会议？
目前我正在使用 Reactjs 和 Bootstrap。我已经为每个组件制作了登录和“主页”，其中包含许多单独的 .js 脚本。我现在很困惑该去哪里。
我很乐意使用回答此问题所需的任何代码来编辑问题。非常感谢。
您正在尝试将 JS 组件放入普通的
index.html<body>
<Navbar\>
<Gallery\>
</body>
这根本不适用。对于像 ReactJS 这样的库，我们可以通过
ReactDOM.render(<App/>, document.querySelect('#root'))所以，这不是正确的方法。像这样启动单页应用程序是行不通的，抛开后续问题