在ReactJ中的OnClick事件中传递NAV标签的值或名称

Question

我遇到了一个愚蠢的小问题，我无法解决，是如何将价值传递给我的onclick事件？我需要通过它，因为它是我菜单的某些值的值，而我正在进行一个过程：

我的onclick函数：

  onClick() {
    this.setState(prevState => ({ childVisible: !prevState.childVisible }));
  }

和我的"导航栏"的逻辑：

   <NavLink
                      onClick={() => this.onClick()}
                      value={"Spain"}
                      to="/other">
                      Spain
                    </NavLink>
       <NavLink
                      onClick={() => this.onClick()}
                      value={"EE.UU"}
                      to="/sidebar">
                      EE.UU
                    </NavLink>

之后，我需要恢复ONCLICK功能的恢复值（西班牙或EE.UU的名称（西班牙或EE.UU）的名称。

我知道有几篇文章，但对我不起作用。

谢谢！

Answer 1

您尝试过

是否尝试过

   <NavLink
     onClick={() => this.onClick("Spain")}
     value={"Spain"}
     to="/sidebar">
     Spain
   </NavLink>

在您的onclick函数中，您将获得值

onClick(value) {
 console.log(value); //Spain
}

Answer 2

您可以使用咖喱，请注意，您可能必须绑定它或使用箭头功能自动绑定正确的this上下文

  onClick(value) {
    // use value how ever you need
    this.setState(prevState => ({ childVisible: !prevState.childVisible }));
  }
  bindValueToClick(value) {
     return function() {this.onClick(value)};
  }
   <NavLink
     onClick={this.bindValueToClick("Spain")}
     value={"Spain"}
     to="/sidebar"
   >
     Spain
   </NavLink>