在React Router Link中捕获onClick

Question

惯例＆＃34;我是React，Redux和ES6的新手＆＃34; ......

每当用户点击redux-router链接时，我需要通知我的Component，或者更具体地调用Action（或类似的，我需要更新商店中的对象）。例如：

render(){
        return (
           <Link to={'/leaf/' + node.Id}>
                <div className="col-md-2" style={divStyle}>
                    <label>
                        {node.Title}
                    </label>
                </div>
            </Link>
        );
      }

我希望在用户点击链接时收到通知。我不想阻止任何事情发生，我只是想要将异步调用发送回商店，以便变量得到更新。

我该怎么做？

Answer 1

您可以将onClick={// some function}道具附加到Link元素。如果这不起作用，您可以将其添加到标签html元素。

除非你明确告诉它，否则它不应该阻止任何传播。