我有一个简单的应用程序,到目前为止只有一个主登录组件,和一个主页的导航栏,用户应该被路由到一旦他们登录到应用程序。用户体验应该如下:用户从蓝色下拉菜单中选择名称,一旦该名称被选中,他们就单击绿色登录按钮,该按钮从loggedInSlice.js中分发loggedInSlice.js并将所选用户设置为授权对象,因为某种原因,当我将登录按钮包装到一个路由器链接标签中,导致主页时,我从redux商店中丢失了状态,但是当登录按钮没有链接到任何地方时,它不会丢失。我想了解为什么我在从authUser组件导航到Main.js组件时不保留redux userLogin.js状态。
组件:
App.js
im
需要将登录页设置为我的根目录并使用代码。如果我使用app.js文件中的登录页面详细信息,获得结果,但试图在app.js文件中导入login.js,则无法工作。
import React, {Component} from 'react';
import { StyleSheet,
NavigatorIOS,} from 'react-native';
import LoginPage from './src/pages/Login';
type Props = {};
export default class App extend
我正在学习React和Redux,当我这样做的时候,我决定制作一个带有按钮的网页,点击按钮就会改变状态。在按钮下面,我想在另一个组件中显示当前状态。虽然单击按钮会更改状态,但它不会反映在组件中。下面是我的代码:
App.js
import React from 'react'
import Name from './Name'
import {changeName} from './Action';
export default function App () {
return (
<div>
我试图使用react路由器导航到登录页面,但是当单击按钮时,下一页将显示在同一页上,而不会实际导航到下一页。
这是我的密码
import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Switch, Link } from 'react-router-dom';
import $ from 'jquery';
import { Login } from './Login';
export class Index exte