reactjs - 如何使高图点重定向到 React 中具有值的另一个组件？

Question

在 highcharts 中，通过单击数据点，我需要通过在 react 中传递点值来重定向到另一个页面。我正在使用到达/路由器。有什么可以让我们像反应/路由器链接这样的观点。

 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