Как заставить точки старшей диаграммы перенаправить на другой компонент со значением в React?

Question

В старших графиках, нажимая на точки данных, мне нужно перенаправить на другую страницу, передавая значения точек в реакции. Я использую досягаемость / маршрутизатор. Есть ли что-то, с помощью чего мы можем сделать что-то вроде реакции / роутера.

 plotOptions :{
                series: {
                    cursor: 'pointer',
                    point: {
                        events: {
                            click: function () {
                                console.log(this);
                                // want to redirect to other component like Link in Reach/router.
                            }
                        }
                    }
                }
            }

Answer 1

Вам необходимо получить доступ к компоненту и использовать объект истории, чтобы протолкнуть новый маршрут в компонент props.history:

options: {
    series: [{
        data: [1, 2, 3],
        point: {
            events: {
                click: function() {
                    this.props.history.push("/");
                }.bind(this)
            }
        }
    }]
}

Демонстрационная версия: https://codesandbox.io/s/848vly9pn8

Документы: https://reacttraining.com/react-router/web/api/history