Javascript BlueprintJS/React-检索TagInput时出现问题>；通过onClick标记值

在React/BlueprintJS应用程序中，我有一个TagInput。单击时，我需要访问任何标记的字符串值。为了简单起见，假设我只需要

console.log（value）

我似乎无法在回调中找到标记的值。基于，我相信我需要在

tagProps

中传递onClick函数。但是，我尝试过的任何东西似乎都不会返回字符串值

我在这里创建了一个基本示例，请在单击任何标记后查看控制台中的错误：

---

我将非常感谢您向正确的方向轻推，非常感谢。

我认为警告本身是不言自明的

React有一个合成事件池，表示它将一个事件分配给处理程序，在处理程序调用它之后，将该事件释放回池中

const handleTagClick = x => console.log(x);

在上面的代码中，

x

只不过是

合成事件

，在屏幕上显示

TagInput

后，该事件被置零并释放到事件池中

因此，当您尝试单击时，会收到警告。消除此警告的简单方法是打印

currentTarget

const handleTagClick = x => console.log(x.currentTarget.innerText);

上面的代码将打印单击的确切目标

另一种方法是使用

event.persist（）

但我认为在您的情况下，它会非常慢，所以不要使用它。

阅读更多关于

---

我认为警告本身是不言自明的

React有一个合成事件池，表示它将一个事件分配给处理程序，在处理程序调用它之后，将该事件释放回池中

const handleTagClick = x => console.log(x);

在上面的代码中，

x

只不过是

合成事件

，在屏幕上显示

TagInput

后，该事件被置零并释放到事件池中

因此，当您尝试单击时，会收到警告。消除此警告的简单方法是打印

currentTarget

const handleTagClick = x => console.log(x.currentTarget.innerText);

上面的代码将打印单击的确切目标

另一种方法是使用

event.persist（）

但我认为在您的情况下，它会非常慢，所以不要使用它。

阅读更多关于

---

你有没有去看那个例子？更改发生在输入上，而不是标记上。它提供了一个剩余标记的列表，减去您在Hi JDR上单击的标记。请检查我的解决方案，并告诉我这是否有帮助。您是否转到该示例？更改发生在输入上，而不是标记上。它提供了一个剩余标记的列表，减去您在Hi JDR上单击的标记，检查我的解决方案，并告诉我这是否有帮助。