如果重定向到react-router中的登录，在哪里保存“下一个路径名”？

import React from 'react';
import { Redirect, withRouter } from 'react-router-dom';

class Login extends React.Component {
  handleLogin = () => {
    // 模拟登录成功
    // 保存下一个路径名
    const { location } = this.props;
    localStorage.setItem('nextPathname', location.pathname);
    // 执行登录操作
  }

  render() {
    return (
      <div>
        {/* 登录表单 */}
        <button onClick={this.handleLogin}>登录</button>
      </div>
    );
  }
}

// 使用withRouter高阶组件包装Login组件
export default withRouter(Login);

import React from 'react';
import { Redirect } from 'react-router-dom';

class PrivateComponent extends React.Component {
  render() {
    const nextPathname = localStorage.getItem('nextPathname');
    if (!isLoggedIn && nextPathname !== null) {
      // 未登录且存在下一个路径名，重定向到登录页面
      return <Redirect to="/login" />;
    }

    // 渲染私有组件
    return <div>私有组件内容</div>;
  }
}

export default PrivateComponent;