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

React - Get property of a component inside its own declaration to use its value in another property?

我想知道是否可以让一个组件的 属性 在另一个 属性 中使用相同的值?这很难描述,所以我举个例子。

在这一个中:<Link className="link" to="/about" onClick={(e) => {this.clickMenuLink(e, "/about")}}>About</Link>

我想知道是否可以像下面这样打开它,以便通过自动获取您在 to=[ 中设置的值来使 clickMenuLink 函数的第二个参数动态化=23=] 属性 : <Link className="link" to="/about" onClick={(e) => {this.clickMenuLink(e, to)}}>About</Link>

提前致谢。

直接那样做是不可能的,因为 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)} />;
}