Reactjs 使用react路由器将redux状态和道具传递给另一个组件

我正在处理一个场景，当用户单击特定按钮时，我想在新选项卡中打开特定URL。我使用了window.open（“/itemPage”，“u blank”）；用于打开新选项卡。但我无法通过react路由器将数据传递到特定组件

import React from 'react';
import { Router, Route, Switch } from 'react-router-dom';
import Home from './Home';
import ItemPageComponent from './ItemPageComponent';
import history from '../history';
import { connect, Provider } from 'react-redux';

class RouterComponent extends React.Component {

    render() {
        console.log("CCTV cameraInfoFrame:: " + this.props.item.name);

        return (
            <div>
                <Router history={history}>
                    <div>
                        <Switch>
                            <Route exact
                                path="/"
                                component={Home}
                            />
                            <Route exact
                                path="/itemPage"
                                    component={<ItemPageComponent data={ this.props.item} />}
                            />
                        </Switch>
                    </div>
                </Router>
            </div>
        );
    }
}

const mapStateToProps = (state) => ({
    item: state.PopoutReducer.itemDetailsState
});

const RouterContainer = connect(
    mapStateToProps,
)(RouterComponent);

export default RouterContainer;

从“React”导入React；
从“react Router dom”导入{Router，Route，Switch}；
从“./主页”导入主页；
从“/ItemPageComponent”导入ItemPageComponent；
从“../history”导入历史记录；
从'react redux'导入{connect，Provider}；
类RouterComponent扩展了React.Component{
render（）{
log（“名称：：”+this.props.item.name）；
返回(
);
}
}
常量mapStateToProps=（状态）=>({
项目：state.poputReducer.itemDetailsState
});
const RouterContainer=connect(
MapStateTops，
)（路由组件）；
导出默认路由容器；

有人能帮我吗

---

提前感谢。

传递给

RouterComponent

的道具来自哪里？您希望传递多少数据？像

name

这样的单个字符串或像

item

这样的对象？@GabrielePetrioli我已经更新了完整的代码段。我想传递item对象。每当我传递字符串值时，我就能够在另一个组件中读取它。但我想传递item对象。