javascript - 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 属性仅在 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)} />;
}