BlueprintJS / React - 点击事件无法获取TagInput > Tag的值时的问题
创始人
2024-12-23 02:00:24
0

要解决BlueprintJS / React中点击事件无法获取TagInput > Tag的值的问题,你可以使用ref来访问TagInput组件,并通过其内部state来获取Tag的值。

以下是一个示例代码:

import React from 'react';
import { TagInput } from '@blueprintjs/core';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.tagInputRef = React.createRef();
  }

  handleButtonClick = () => {
    const tagInput = this.tagInputRef.current;
    const tags = tagInput.state.values;
    console.log(tags);
  };

  render() {
    return (
      
); } } export default MyComponent;

在这个示例中,我们使用了React.createRef()来创建一个ref,并将其传递给TagInput组件的ref属性。然后,在handleButtonClick方法中,我们通过tagInputRef.current访问TagInput组件的实例,并使用其内部state中的values属性来获取Tag的值。

当点击"获取Tag的值"按钮时,handleButtonClick方法被调用,并打印Tag的值。

请注意,这种使用ref来访问内部状态的方法可能会有一些限制,因为它依赖于内部组件的实现细节。如果BlueprintJS / React在未来的版本中更改了TagInput组件的实现方式,这种解决方法可能会失效。在使用时请谨慎考虑。

相关内容

热门资讯

透视存在!aapoker透视脚... 透视存在!aapoker透视脚本,四川长牌皮皮游戏挂,wpk教程(有挂辅助);1.四川长牌皮皮游戏挂...
透视计算!wepoker免费永... 透视计算!wepoker免费永久脚本,新荣耀平台辅助,wepoke教程(有挂辅助)1、不需要AI权限...
透视神器!智星菠萝可以辅助吗,... 透视神器!智星菠萝可以辅助吗,八闽掌上十八卦脚本,玩家教程(有挂神器),支持语音通讯、好友开房及战队...
透视有挂!德普之星辅助器app... 透视有挂!德普之星辅助器app,小程序13水辅助,攻略方法(有挂辅助)1、玩家可以在德普之星辅助器软...
透视科技!aapoker辅助功... 透视科技!aapoker辅助功能,中至余干安装挂,安装教程(有挂辅助);最新版2024是一款经典耐玩...
透视软件!德普之星有没有挂,雀... 1、透视软件!德普之星有没有挂,雀友会广东潮汕辅助透视,专业教程(有挂透视);详细教程。2、雀友会广...
透视ai!hhpoker透视功... 自定义丽水都来大菠萝脚本辅助系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器...
透视私人局!aapoker辅助... 透视私人局!aapoker辅助器是真的吗,真人天天途游破解安装包,解密教程(有挂神器)准备好在真人天...
透视私人局!wepoker底牌... 透视私人局!wepoker底牌透视脚本下载,随意玩透视辅助,安装教程(有挂软件);原来确实真的有挂(...
透视黑科技!wpk辅助器是真的... 这是一款非常优秀的小程序牵手跑得快辅助器 ia辅助检测软件,能够让你了解到小程序牵手跑得快辅助器中牌...