Блог

Я работаю над сценарием, в котором я хочу открыть определенный URL-адрес на новой вкладке, когда пользователь нажимает на определенную кнопку. Я использовал window.open(«/ItemPage», ‘_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;
  

Кто-нибудь может мне помочь в этом?

Заранее спасибо.