React-在其自己的声明中获取组件的属性以在另一个属性中使用其值？

Question

我想知道是否有可能使组件内部的属性在另一个属性中使用相同的值？很难描述，所以我举一个例子。

在此：<Link className="link" to="/about" onClick={(e) => {this.clickMenuLink(e, "/about")}}>About</Link>

我想知道是否可以通过如下方式将其打开，以便通过自动获取您在to =属性中设置的值来使clickMenuLink函数的第二个参数动态化：<Link className="link" to="/about" onClick={(e) => {this.clickMenuLink(e, to)}}>About</Link>

先谢谢您。

Answer 1

不可能直接用这种方式，因为to prop只在Link组件内部定义，而您试图在回调的定义中使用它的值。

您可以使用自己的MyLink组件包装Link组件。

<MyLink to="/about" onClick={this.clickMenuLink} />

然后呈现MyLink

render() {
  return <Link to={this.props.to} onClick={e => this.props.onClick(e, this.props.to)} />;
}