在 React Router 中捕获 onClick Link

Question

习惯"I am new to React, Redux, and ES6"...

每当用户点击 redux-router Link 时，我需要通知我的组件，或者更具体地说，调用一个动作（或类似的，我需要更新商店中的一个对象）。例如：

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

我想在用户单击 Link 时收到通知。我不想阻止任何事情发生，我只想触发一个异步回调到商店，以便更新一个变量。

我该怎么做？

Answer 1

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

它不应该阻止任何东西传播，除非你特别告诉它。

在 React Router 中捕获 onClick Link

Capturing onClick in a React Router Link

reactjs

react-router

react-redux