javascript - 在 ReactJS 的 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))。

我知道有很多这样的帖子，但它对我不起作用。

谢谢!

Answer 1

你试过吗

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

在 onClick 函数中，您将获得该值

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