在app组件后面创建登录组件
是一种常见的前端开发操作，用于实现用户登录功能。登录组件通常包括输入用户名和密码的表单，以及登录按钮。用户在输入正确的用户名和密码后，点击登录按钮可以向后端发送登录请求，验证用户身份。
登录组件的优势在于可以提供用户友好的登录界面，方便用户进行身份验证和访问控制。通过登录组件，用户可以安全地访问需要身份验证的功能和数据。
应用场景：
- 网站或应用的用户登录功能。
- 需要对用户进行身份验证和访问控制的系统。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行应用程序。链接：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的关系型数据库服务，适用于存储用户信息和登录凭证。链接：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云函数（SCF）：无服务器计算服务，可用于处理用户登录请求的后端逻辑。链接：https://cloud.tencent.com/product/scf
- 腾讯云API网关（API Gateway）：用于构建、发布、维护、监控和安全管理的API服务。可用于登录请求的接口管理和访问控制。链接：https://cloud.tencent.com/product/apigateway
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
1回答
我被一些与反应相关的问题所困扰-路由器导航。在我的导航中有两个菜单登录和注册，我的索引页面是登录。
在登录页面上，输入电子邮件和密码的值并提交登录按钮后，以sessionValue.My sessionValue为用户名输出，从serverSide返回并重定向到TodoApp页面。登录后，它重定向到TodoApp页面。我想在导航中显示注销菜单而不是登录。
我的代码如下：
app.jsx
ReactDOM.render(
<Router history={browserHistory}>
<Route path="/" component={
浏览 0提问于2017-05-16得票数 1
我在Firebase中使用React。我想根据用户是否登录向他们显示不同的导航栏，但是，我不是100%确定如何去做。这就是我要开始做的。我将创建两个组件并渲染另一个导航。我非常怀疑这种方法是正确的。
var Nav = React.createClass({
toggleNav: function(){
// some code
}
render: function() {
return (
<nav className="navbar navbar-default">
<div className=
浏览 11提问于2016-08-02得票数 0
1回答
嗨，我正在创建一个带有角度2的项目。我想为我的每个模块设置一些布局，比如登录布局、家庭布局，以及每个登录用户的布局。
在我的项目中，我无法达到这个目的。现在，我已经为每个组件创建了一个页面，方法是将模块分成不同的组件，这些组件将被一次又一次地使用。
有人能帮我创建一个像我们这样的布局吗
CakePhp
用于一次导入所有的东西，并随路由的改变而更改一组数据。
没有登录的布局
<div>
<app-header-before-login> </app-header-before-login>
<app-body> </ap
浏览 1提问于2016-11-05得票数 0
1回答
我正在设计一个基本的登录/注册界面。Login和Signup驻留在它们自己的组件中，每个组件都包含一个彼此的链接(如果用户在显示注册时已经拥有帐户，或者希望在显示登录时创建帐户)，则使用<Link to>。
我的结构如下：
index.tsx
ReactDOM.render(
<MemoryRouter>
<Routes>
<Route path="/" element={<App />} >
<Route path="signup" element={&l
浏览 2提问于2022-02-18得票数 1
回答已采纳
我正在尝试创建一个简单的角应用程序，在其中我创建了一个登录组件。
在成功登录用户需要登陆仪表板页面后，我也为其创建了仪表板组件。
然后我尝试使用角导航创建了一个路由文件
import { RouterModule, Routes } from '@angular/router';
import { ModuleWithProviders } from '@angular/core';
import { AppComponent } from './app.component';
import { LoginComponent } from &#
浏览 3提问于2017-05-05得票数 0
回答已采纳
嗨，我是全新的角和，我尝试了其他堆栈溢出答案，也。目前，我正在致力于角4项目。根据我的项目，我需要创建的设计现在只使用角和它的路由。我真正想要的是一个登录页面，一旦登录按钮中的键需要转到另一个页面，在它的第一个子菜单中带有水平左侧导航条，通过单击导航条菜单，只需要更改内容，其他所有页面(仅登录除外)的导航条都保持不变。在看了大量视频之后，最终创建了一个登录页面。我用appcomponent.html编写了登录页面的代码，并给出了按钮登录的路由器链接，以打开登录页面。我的路由工作，一旦我点击登录url从http://localhost:4200/更改为http://localhost:4200/
浏览 0提问于2018-05-04得票数 1
2回答
我使用Angular 7创建了一个登录页面，在初始app.component.html文件中创建了登录页面的外观，并在app.component.ts文件中实现了逻辑。 我还放了一个链接“忘记密码”。我将路由器链路重定向到forgot-password.component.html。url会正确更改(从localhost:4200更改为localhost:4200/forgot-password)，但forgot-password.component.html会绘制在前一个登录页面的顶部。 http://prntscr.com/malk00 如何清除登录页面并转到忘记密码页面？
浏览 17提问于2019-01-22得票数 0
回答已采纳
我想用vuejs和laravel 6、laravel 6、run npm install、npm run dev和npm run watch进行测试，我创建了一个BlogPosts组件--我在布局中添加了<posts> </posts> --配置了app.js，但是在布局中没有看到任何东西。
layout(landing-page.blade.php)
<div id="app">
<h1>example</h1>
<posts></posts>
</div
<
浏览 3提问于2020-05-22得票数 0
回答已采纳
我创建了一个包含3个主要组件/页面的简单项目。
主页(路径："/")带有is登录页。一旦我们点击登录按钮，就会创建一个动态URL“admin/random_ LogIn.js”
import { Link, Route } from "react-router-dom";
import Dashboard from "../Admin/Dashboard";
export default function Login(props) {
return (
<div>
<h1>Login form&l
浏览 1提问于2021-05-17得票数 2
回答已采纳
我已经在Angular4中实现了一个登录页面。在父app.component文件中，我已经创建了一个带有登录和注册按钮的导航栏。我已经创建了一个用于登录的组件，登录成功后，登录，注册按钮应该隐藏，用户名应该是apppear.For这一个我已经使用本地存储来验证用户数据隐藏的buttons.Iam推送登录数据到本地存储在成功block.But我的问题是在登录后我正在再次导航到父html，但那里的按钮没有隐藏和名称不是displaying.After刷新，它工作well.How我可以更新导航栏后再次导航到它在Angular4？下面是我的代码：
login component:
this.s
浏览 2提问于2017-10-10得票数 0
我想要创建一个简单的登录页面，将我路由到主页。
在我的内容页面中，我希望默认路径是/，以及登录/login。我希望将用户推送到基于条件/login的isLoggedIn路由，目前没有状态管理器只是为了测试目的。不确定我是否正确地设置了这个，也许我做的完全错误？我也希望能够访问不同的路线后，登录。
function App() {
const isLoggedIn = true;
return (
<Router>
<Routes>
<div className="app">
<Header
浏览 3提问于2022-02-11得票数 0
回答已采纳
我正在使用AngularFire2创建一个带有Firebase和Angular 5的登录系统。当我单击登录和注销时，一切工作正常。唯一的问题是，如果我刷新页面，会出现闪烁，如下所示。显然，这种情况的发生是因为javascript需要时间来加载。解决这个问题的最好方法是什么？通常我使用PHP或其他后端语言创建登录系统，所以我不会遇到这个问题，因为我只是检查登录的会话变量，在此之前页面不会完成加载。此时页面会立即加载，然后Javascript会检查您是否已登录。
我知道我可以使用加载旋转器，但我不喜欢使用这种技巧的网站。另一种可能是使用Javascript cookies或JWT。我只是想找出什么
浏览 0提问于2018-05-28得票数 5
在React项目中，我创建了某些组件，这些组件只有在登录时才能访问，否则将重定向到登录页面。虽然我被告知要做一些更改，但用户应该有权访问主页，即使没有登录。要访问其他组件，用户必须具有令牌。请参阅以下代码以供参考
export const UserContext = createContext();
const Routing = () => {
const history = useHistory()
const { state, dispatch } = useContext(UserContext)
const [value, setValue] = useState(n
浏览 0提问于2021-05-07得票数 0
因此，我正在尝试创建一个Angular应用程序，它将要求您在访问它之前登录。我试图将导航栏保留在app.component文件中，以便在所有组件上重用它，但我希望在登录页面上删除它。我想过只用CSS隐藏它，但这可能会带来安全风险，因为导航栏也会有其他路由。
我也在考虑放弃app.component的想法，创建一个子级导航栏组件，它将在每个组件中重用，但我不确定这是否是最好的方法。任何想法都是非常受欢迎的。
浏览 2提问于2020-05-24得票数 0
1回答
我有一个角形6应用程序，用户可以根据他/她的订阅观看电视频道视频。它被设计成有登录页面，网址是。在成功登录时，它会转到player页面，用户可以在那里观看视频。有3个组件:组件、Player组件、App有页眉和页脚，使用路由器出入口登录和player组件显示。现在，客户想要看亚马逊火电视的视频，所以设计了一个新的登录页面，但是它不应该有页眉和页脚。例如新登录url - 。在点击这一点，我创建一个本地存储，以指示火电视登录。由于该组件将在app组件之后加载，所以我无法使用ngIf隐藏页眉和页脚。有什么更好的方法吗？
浏览 0提问于2020-09-06得票数 0
回答已采纳
2回答
是否有可能创建“独立”组件，即没有基本应用程序布局的组件？
在我的app.component.html中，我定义了导航、页眉和页脚。但是现在我想要一个使用不同的基本布局的登录组件。
我的app.component.html看起来是这样的：
<!-- Wrapper-->
<div id="wrapper">
<!-- Left navigation bar -->
<app-navigation></app-navigation>
<!-- Main page wrapper -->
浏览 2提问于2016-11-25得票数 3
回答已采纳
我在IIS中托管了一个C# IIS服务，启用了身份验证，我从Delphi7客户端调用该服务。
当我调用该方法时，我有一个系统登录对话框，必须输入我的windows用户名和密码才能进行身份验证。
是否有一种方法可以跳过登录对话框并使用当前记录的用户凭据来调用webservice？
我在文章中看到了很多关于如何通过使用InternetSetOption(.)“注入”用户名/密码元素来避免使用基本身份验证的登录对话框。在BeforePost事件上，但没有任何关于Windows身份验证的内容。我以为一切都会完美无缺.
谢谢
编辑
当前身份验证类型为NTLM。
我的应用程序没有任何登录/密码对话
浏览 2提问于2013-06-06得票数 2
根据我的理解，您可以在引导调用中定义应用程序提供程序，如下所示：
bootstrap(
App,
[disableDeprecatedForms(), provideForms()]]
)
或者在这样的根组件中：
@Component({
selector: 'my-app',
providers: [disableDeprecatedForms(), provideForms()],
...
)
但是，我已经创建了一个表单验证程序插件，它需要provideForms提供程序，并且这个指令只在引导选项时起作用。我已经创建了一个：如果我将providerFor
浏览 1提问于2016-07-31得票数 4
回答已采纳
我有一个问题，我的应用程序没有保持登录状态。我已经为我的肚脐创建了一个反应路由器插座，因为我不希望我的肚脐显示在登陆页面上。
然后，我创建了一个AuthProvider组件，该组件将保存登录状态并将登录状态传递给其子组件。
我可以在我的导航栏上使用我的AuthButton登录，但是它不能保持登录状态。每当我刷新页面或导航到另一个页面时，我都会被注销，并需要再次登录。
我的假设是，在我的App.js文件中，我在大多数路由(包括被RequireAuth组件包装的受保护路由)周围包装我的导航条，这样就不会传递登录状态或保存它。
AuthProvider.js
const AuthContext =
浏览 5提问于2022-05-12得票数 0
我正在尝试使用nativescript-dev-sass插件，它成功地从我的项目(app.scss -> app.css)的应用文件夹(而不是子文件夹)中创建了“app.scss”文件。但是我想使用组件特定的css文件。也就是说，在"app“文件夹中，我有一个组件文件夹”登录“，它包含login.scss。(app ->登录-> login.scss)。这个login.scss没有创建login.css。
难道就不能这样用吗？我是否应该将所有css添加到"app“文件夹中，并在我创建的所有组件中设置css的路径？请帮帮忙。
浏览 3提问于2017-06-24得票数 1
回答已采纳
我正在尝试在我的Ionic React项目中添加一个全局导航/菜单栏组件，就像您在任何网站上所做的那样。 因此，我创建了一个标准的<Nav/>组件，但似乎只能将其添加到我的离子应用程序中的特定页面中，而不能添加到设置路由器的App.tsx文件中。 我的App.tsx组件如下所示： const App: React.FC = () => (
<IonApp>
<IonReactRouter>
<IonRouterOutlet>
<Route exact path="/" comp
浏览 51提问于2020-11-14得票数 0
回答已采纳
2回答
除了在app模块中创建的路由模块之外，我还试图在子模块中实现路由。
我在应用模块中创建了三个子模块，即登录模块、主页模块和管理模块，我在app文件夹中创建了一个主路由模块，用于在登录、主页和管理子模块之间导航。
我还在主模块中创建了三个组件，即HomeComponent、CreateAlertsComponent和UpdateAlertsComponent，以及名为routeHome.module.ts的路由模块，以在主组件之间导航。
我能够使用路由模块在子模块之间进行路由，但是我无法在主模块中创建的组件之间进行路由。
我得到了如下所示的错误
ERROR Error: Uncaught (in
浏览 0提问于2018-08-31得票数 1
回答已采纳
1回答
我有一个sidenav组件，如果你没有登录，它允许你登录，如果用户已经登录，它会显示一个菜单。
问题是，我想在其他一些组件中添加另一个登录“按钮”，也许它们不是那个sidenav组件的直接子组件。
例如，app.component.html：
<md-sidenav-container class="example-sidenav-fab-container">
<md-sidenav #sidenav mode="side" class="app-sidenav" opened="false">
浏览 3提问于2017-05-01得票数 1
2回答
你会怎么做？
我创建了一个登录组件<app-customer-login>，一旦您成功登录，它将重定向到您的帐户页面。
到目前一切尚好。
我也有一个签出流，它检查您是否已登录。如果没有，我喜欢显示相同的登录组件。这样用户就可以立即登录。如果我在签出流中实现了<app-customer-login>，那么一旦成功登录，用户将被重定向到帐户页面。
如果用户从不同的页面(结帐页)登录，如何将用户重定向到不同的页面。
我能确定哪个页面实现了<app-customer-login>吗？
我明白警卫的作用。"issue"是指我使用带有步骤的向导来处理签出
浏览 8提问于2021-07-16得票数 0
1回答
使用角2流星登录逻辑？
、、、、
我想要实现一个典型的登录/注册设置：
如果用户没有登录，则阻止他们访问/app和/app的所有子级
如果用户登录，则阻止他们访问/login和/register。
现在，我使用的设置如下所示：
@Injectable()
export class LoggedInGuard implements CanActivate, CanActivateChild {
canActivate(...): boolean {
if (Meteor.userId() != null) {
return true;
}
浏览 3提问于2017-01-27得票数 2
回答已采纳
1回答
在我的VueJS应用程序中，我正在使用第三方服务来执行Facebook登录(AWS认知)。
我点击一个按钮“登录与Facebook”，这将调用第三方网址，其中一个注册与Facebook提示将出现。
例如：
window.location.href = https://my-cognito-app-domain/oauth2/authorize?response_type=token&client_id=my_client_id&redirect_uri=my_redirect_url&identity_provider=Facebook
用户将输入他/她的Faceboo
浏览 5提问于2019-08-03得票数 1
回答已采纳
因此，我创建了一个包含两个组件的简单Angular应用程序(我只显示了相关的代码片段)：
@NgModule({
declarations: [
AppComponent,
Block2Component
],
imports: [ BrowserModule ],
providers: [],
bootstrap: [ AppComponent, Block2Component ]
})
export class AppModule { }
我的登录页面想要渲染2个顶级组件：
<body style="background-color: rg
浏览 2提问于2019-11-28得票数 0
1回答
如何在成功登录后更改确切路径
、、、、
我正在创建一个登录页面，在成功登录到主页后重定向用户，我正在使用react，我试图寻找一种简单的方法来实现它，但我找不到：
import Authen from './Pages/Authen';
import Home from './Pages/Home';
import {
BrowserRouter as Router,
Route,
Link
} from 'react-router-dom';
class App extends Component {
render() {
return (
<div
浏览 0提问于2018-03-26得票数 0
回答已采纳
2回答
例如，我有一个来自服务的名为totalQuantity的变量。
我有一个子组件，如果用户已登录，则只初始化变量。
这是子组件。
import { Component, OnInit, Output, EventEmitter } from '@angular/core';
import { CartService } from '../cart';
@Component({
selector: 'landing',
templateUrl: './landing.component.html'
})
expo
浏览 2提问于2017-01-13得票数 1
回答已采纳
我正在学习redux，并想知道在下面从redux获取的截图中，动作创建者是如何传递调度的。
学习应用程序代码可在这里获得：
按照课程讲师的要求，下面的mapDispatchToProps代码使用user.action.js更新标头组件状态。即使在阅读了redux文档之后，我也无法理解这一切是如何工作的。
const mapDispatchToProps = dispatch => ({
setCurrentUser: user => dispatch(setCurrentUser(user))
});
头组件中的currentUser的初始状态是使用redux文件夹中的us
浏览 3提问于2020-10-15得票数 0
回答已采纳
我有webapi，注册为天青广告。它在Startup.Auth.cs中具有下面的代码
public void ConfigureAuth(IAppBuilder app)
{
app.SetDefaultSignInAsAuthenticationType(CookieAuthenticationDefaults.AuthenticationType);
app.UseCookieAuthentication(new CookieAuthenticationOptions());
app.UseOpe
浏览 1提问于2018-10-14得票数 2
回答已采纳
我试图通过修改标准的stackblitz.com " Hello“项目来学习如何使用ng-模板，以便使用ng-模板呈现Hello。不幸的是，它得到了一个讨厌的ExpressionChangedAfterItHasBeenCherredError。
先前的值：“名称:未定义的”。当前值：“名称:角”。该视图似乎是在其父视图和其子视图被脏检查后创建的。它是否在更改检测钩子中创建？
有人能解释一下吗?可以在没有错误的情况下完成？
@Component({
selector: 'my-app',
templateUrl: './app.component.htm
浏览 0提问于2018-12-24得票数 0
回答已采纳
在主路由组件中，我显示了基于.$ App.vue路径的组件。
模板
<topbar v-if="!isLoginPage" />
已计算
get isLoginPage() {
return this.$route.path === "/login";
}
我遇到的问题是App.vue组件总是以空值进行初始化
因此，在登录页面中，topbar组件被创建，并在一秒钟后，当路由器将其值更改为正确的路径"/login“时，它将被销毁。
当在"/login路由“上创建元件时，我将立即在v-if语句中获得正确的值，我如
浏览 3提问于2021-05-18得票数 0
我正在开发一个Angular2应用程序，用户可以在那里重新定位并登录。为了处理会话--为了本讨论的目的，这意味着如果用户登录或未登录，则只表示一个标志--我创建了一个如下所示的服务：
import {Injectable} from 'angular2/core';
@Injectable()
export class SessionService {
private _status:boolean;
constructor () {
if(1 == 1) {
this._status = true;
}
console.log(
浏览 1提问于2016-04-01得票数 5
回答已采纳
我有一个登录页面组件，我想重定向，在成功登录后，从动作创建者(雷克)。它似乎有效，但当URL正确更改时，页面仍保留在登录页上。
在这里，我导入要在动作创建者中导入的历史记录：
// helpers/history.js
import { createBrowserHistory } from 'history';
const history = createBrowserHistory();
export default history;
在这里，动作创建者的缩短版本：
// actions/session.js
import history from '../he
浏览 2提问于2021-03-31得票数 0
回答已采纳
我试图将数据传递给一个组件，但是我得到了错误。
Property 'doSomethingX' does not exist on type 'AppComponent'.ngtsc(2339)
app.component.ts(5, 12): Error occurs in the template of component AppComponent.
这就是我所做的。
我想要达到的目标：我正在开发一个应用程序/网站，如果用户不登录，弹出窗口就会出现，将用户引导到登录屏幕。requireloginregister是用户将被定向到的组件。现在，如果有人单击需要身
浏览 6提问于2022-05-10得票数 0
回答已采纳
5回答
/app
- app.component.ts
- app.component.html (hide/show: menu bar)
- app.global.service.ts (Public varible LoginSuccess:boolean)
- main.ts
/student
- student.ts
- student.service.ts
- student.component.ts
- stud
浏览 1提问于2016-02-17得票数 15
回答已采纳
我创建了一个带有React的登录系统，它在用户登录时存储一个会话。在重新加载页面时，我添加了一个函数，该函数应该检查会话是否存在，然后检查是否存在setState()到true或false。
因为我刚开始反应，所以我不知道如何执行这个函数。请参阅下面App.js的代码
import React from 'react';
import './css/App.css';
import LoginForm from "./LoginForm";
import Dashboard from "./Dashboard";
class A
浏览 0提问于2018-08-08得票数 5
回答已采纳
我有两个ngx-bootstrap模态创建作为独立的组件(不使用模板变量)-登录模态和注册模态。每个通道都有单独的组件，它们位于我的共享模块中，可以从其他模块调用。但问题是，有一个选项可以让这些模态相互呼叫-您可以单击登录模式中的按钮，该按钮必须带给您注册模式，反之亦然。当我尝试使用BsModalService执行此操作时，会出现循环依赖错误，因为我已经将登录组件导入了注册组件中，并将注册组件导入了登录组件中。
我曾尝试将这种模式切换逻辑放在服务中，希望不会得到循环依赖，但没有帮助。
import { Component, OnInit } from '@angular/core
浏览 0提问于2019-06-07得票数 1
2回答
我正在尝试在react应用程序中实现简单的身份验证系统。到目前为止，我用谷歌实现了OAuth。用户成功登录后，我从google获得此令牌，然后将其存储在cookies中。这部分工作正常..因此，在App.jsx组件中，我声明了路由并创建了一个PriveRoute组件。我只是添加了必要的代码 App.jsx中的路由 <Switch>
<Route path={`${this.props.match.url}/checkout`} component={Checkout} />
<PrivateRoute path={`${this.props.matc
浏览 21提问于2020-04-25得票数 0
1回答
我试图将数据从一个组件传递到使用服务文件方法的另一个组件。我创建了两个组件，一个是登录，另一个是主页。我必须把数据从登录到家里。在登录组件中，我接受用户输入，主组件应该打印出来。我在下面使用了这段代码，但是当我输入时，它并不是在输出中打印。
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class SharedService {
message : any;
constructor() { }
setMessag
浏览 3提问于2022-07-15得票数 1
我正在react中创建一个应用程序，我有一个登录页面，以及其他需要用户登录才能访问的页面。 在我的app.js 我用组件创建了一个完整的结构。 render() {
return (
<BrowserRouter>
<Header showNavLeft={this.state.showNavLeft} onClickBars={(value) => this.setState({ showNavLeft: value })} />
<Container>
<Nav
浏览 14提问于2020-07-26得票数 1
回答已采纳
我已经安装了角度使用CLI，一个标准的结构。默认情况下，应用程序的入口点是app.module。
app.module -> app.component
在模板app.component.html中
<router-outlet>
</ router-outlet>
只有在授权后才能看到此模板。
问题是，当我请求一个授权页面(登录页面)时，它会插入到这个私有模板中。怎么啦？登录页应该作为一个单独的页面工作。
如何组织？
问题载于图中：
浏览 1提问于2018-10-25得票数 0
回答已采纳
1回答
我正在尝试创建一个表单，当我单击一个按钮时，替换为另一个表单。我尝试使用“链接到”，但在点击按钮后，另一个表单出现在第一个表单中。如何更改我的代码来纠正这个问题？
我的App.js：
import React, { Component } from 'react';
import './App.css';
import Login from "./Login";
class App extends Component {
render() {
return (
<div className="App"
浏览 0提问于2017-12-24得票数 0
我正在用laravel + vue创建一个应用程序。Vue在app.js中加载所有javascript代码，即使在用户尚未通过身份验证的登录页面中也是如此。在用户登录之前，我不想公开所有的js代码。有任何方法，我只能显示必要的代码登录页面，而不是公开所有的js代码的应用？我这样做也是为了限制登录页面下载的app.js大小，以提高页面加载时间。
浏览 3提问于2019-09-18得票数 0
3回答
我试图在React中创建一个登录和注册页面，其想法是它们应该在同一个页面上呈现，并且用户应该能够在它们之间切换(类似于这个)
我可以在组件之间创建切换函数(使用useState)，但问题是我也需要根据用户的选择更改url (如果用户想登录，url应该是"/login"，如果注册=> "/signup")。我为Login和Signup创建了不同的组件，但它们是在不同的页面上打开的，我想要实现的是，它们都在同一个登录页面上。
import React from "react";
import "./styles.css";
i
浏览 0提问于2020-11-06得票数 2
回答已采纳
2回答
我编写了在React中创建登录表单的代码。它使用的是路由库版本6，但它s not working in返回`。我想重定向那些没有登录的人。
PrivateRoute.js
import { useNavigate} from 'react-router-dom';
import { useAuthContext } from '../AuthContext';
const PrivateRoute = ({ children }) => {
const { user } = useAuthContext();
const Navigate
浏览 7提问于2022-03-29得票数 0
回答已采纳
//App.tsx
function App() {
return (
<BrowserRouter>
<Router />
</BrowserRouter>
);
}
export default App;
//Router.tsx
const Router = () => {
return (
<BrowserRouter>
<div className="App">
<Switch>
<R
浏览 1提问于2022-03-22得票数 0
我已经在离子3中创建了一个名为公共标题的组件。
现在，我想把它放在其他页面的顶部，比如主页，关于页面等等，但是我的问题是，我必须将它包含在我的每个页面中，然后它就像我在下面给定的代码中所做的那样工作正常：
//登录-选项-模块。
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { LoginOptionPage } from './login-option';
import { ComponentsM
浏览 0提问于2018-02-13得票数 1
1回答
当我在UserAuthContext.js中使用我的函数时，我的应用程序不能正常工作。我试着登录，但是用户并不是/browse的直接用户。但是，如果我在app.js中输入相同的代码，我就可以创建并使用一个帐户登录。我不知道原因是代码 -not工作版本(上面的代码属于这个版本)： -working版本，其中有app.js 中的代码
浏览 4提问于2022-02-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
