React + TS - 通过重定向传递参数

你好，我有一个应用程序，在成功创建新房间后想要将用户重定向到带有房间ID的页面。我想要在重定向时将数据发送到组件状态。

在App.tsx中，我有以下代码：

我在CreateRoom组件中这样进行重定向：

if(this.state.redirect) {
        return 
    }

这个重定向正常工作并将我重定向。以下是LobbyView的代码：

    import React, { Component } from 'react';
    import {BrowserRouter as Router, Route, Link, match} from 'react-router-dom';
    interface DetailParams {
        id: string;
    }
    interface Props {
        required: string;
        match?: match;
        ownerName?: string;
    }
    interface State {
        roomId?: string;
        ownerName?: string;
    }
    class LobbyView extends Component {
    constructor(props: Props) {
        super(props);
        this.state = {
            roomId: this.props.match?.params.id,
            ownerName: this.props.ownerName
        };
    }
    public render() {
        if(this.state.ownerName) {
            return (
                    
{this.props.match?.params.id}
                    You are owner of this room.
            );
        }else {
            return (
                
{this.props.match?.params.id}
            );
        }
    }
   }
   export default LobbyView;

但是，主要问题是，它将我重定向，但始终没有state参数ownerName。问题是：房间创建者将被重定向到URL以显示房间信息，并附带额外的所有者信息，如果他将此链接分享给其他用户，他们将没有所有者名称并且无法查看附加信息。

有人能帮帮我吗？我是React和TypeScript的新手，不知道该如何解决。非常感谢：)