reactjs中的页面路由时无法访问会话存储

Question

当我在注册提交时路由我的页面时，我会在 sessionStorage 中提交电子邮件。

但是在从会话存储中获取项目时，我无法这样做。提交注册后，我的页面正在路由到另一个页面。

import React, { Component } from "react";
import { Link } from "react-router-dom";
import axios from "../axios/axios.js";

export class SignUpRedirect extends Component {
  constructor() {
    super();
    this.state = {
      U_Id: null,
      isLoading: true,
    };
  }

  async componentDidMount() {
    const response = await axios.get("/Organization");
    const idData = response.data;
    idData.forEach((item) => {
      if (item.Email === sessionStorage.getItem("email")) {
        this.setState({ U_Id: item.U_Id, isLoading: false });
      }
    });
  }

  componentWillUnmount() {
    this.setState = (state, callback) => {
      return;
    };
  }

  render() {
    return (
      <div className="donestatus-container">
        You Have Signed Up And Your Organization Id is :{" "}
        {this.state.isLoading ? "...loading" : this.state.U_Id}
        <div className="donestatus-container-inner">
          <Link to="/sign-in">
            <h4>Sign In</h4>
          </Link>
        </div>
      </div>
    );
  }
}

export default SignUpRedirect;

我找不到合适的答案。谁能帮帮我？

Answer 1

试试下面的代码，因为你需要解析 sessionStorage 对象，它就像一个 JSON Onject：

async componentDidMount() {
  const response = await axios.get("/Organization");
  const idData = response.data;
  idData.forEach((item) => {
    if (item.Email === JSON.parse(sessionStorage.getItem("email"))) {
      this.setState({ U_Id: item.U_Id, isLoading: false });
    }
  });
}