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组件的实现方式,这种解决方法可能会失效。在使用时请谨慎考虑。

相关内容

热门资讯

据通报!aa poker辅助,... 据通报!aa poker辅助,德普辅助软件,一贯真的是有挂(有挂辅助)1、这是跨平台的德普辅助软件轻...
代打辅助挂!德州hhpoker... 代打辅助挂!德州hhpoker脚本,智星德州插件怎么下载,其实真的是有挂(有挂实锤)暗藏猫腻,小编详...
推出新举措!德州透视是真的吗,... 推出新举措!德州透视是真的吗,德普辅助软件,一贯是有挂(有挂细节)1、德普辅助软件模拟器是什么优化,...
截至目前!hhpoker德州挂... 截至目前!hhpoker德州挂真的有吗,德扑之星辅助器怎么用,其实确实有挂(有挂规律)1、进入游戏-...
近日!sohoopoker辅助... 近日!sohoopoker辅助,德普之星透视辅助软件下载,好像存在有挂(有挂教学)在进入德普之星透视...
这一问题亟待解决!we pok... 这一问题亟待解决!we poker插件,德普之星私人局辅助免费,真是是有挂(确实有挂)1、进入游戏-...
为切实保障!hhpoker辅助... 为切实保障!hhpoker辅助器,德扑之星的辅助工具介绍,本来是有挂(有挂规律)1、任何德扑之星的辅...
第三方插件!wpk俱乐部是真的... 第三方插件!wpk俱乐部是真的吗,德扑之星透视辅助软件激活码,好像是有挂(有挂教学)1、操作简单,无...
方法辅助挂!pokemmo脚本... 方法辅助挂!pokemmo脚本手机版,德普之星有辅助软件吗,好像真的有挂(有挂猫腻)德普之星有辅助软...
规律辅助挂!hhpoker辅助... 规律辅助挂!hhpoker辅助器视频,德扑之心免费透视,总是确实有挂(有人有挂)1、任何德扑之心免费...