Javascript React标记输入不允许粘贴拆分输入
我正在努力实现以下结果: 当用户复制从react TagsInput包()将输入粘贴到TagsInput对象时,输入将把所有由任何空格分隔的值(如制表符等)分割为单独的值。例如,我从Excel复制粘贴了一个名称列表,它们作为单独的标记出现在inputfield中 该库清楚地显示了粘贴拆分函数,链接中提到了该函数。我谨向各位介绍如下:Javascript React标记输入不允许粘贴拆分输入,javascript,excel,reactjs,paste,Javascript,Excel,Reactjs,Paste,我正在努力实现以下结果: 当用户复制从react TagsInput包()将输入粘贴到TagsInput对象时,输入将把所有由任何空格分隔的值(如制表符等)分割为单独的值。例如,我从Excel复制粘贴了一个名称列表,它们作为单独的标记出现在inputfield中 该库清楚地显示了粘贴拆分函数,链接中提到了该函数。我谨向各位介绍如下: <TagsInput pasteSplit={this.pasteSplit} value={this.state.tags} onChange={thi
<TagsInput pasteSplit={this.pasteSplit} value={this.state.tags} onChange={this.handleChangeInList} />
我在pasteSplit函数中做了日志记录(与package链接中的示例完全相同),我在node_模块本身中做了日志记录,但是,似乎所有这些都没有激活(也没有激活node模块的构造函数!)。但是,整个TagsInput对象工作正常,添加标记、显示标记等等,它们都是在enter上添加的,我想从excel中添加列
问题出在哪里?还有别的办法解决吗
提前谢谢大家,
Grzegorz我又检查了一次源代码<如果启用了
addOnPaste
属性,则在内部调用code>pasteSplit
因此,您的代码应该如下所示:
<TagsInput pasteSplit={this.pasteSplit} value={this.state.tags} onChange={this.handleChangeInList} addOnPaste />
我又检查了一次源代码<如果启用了
addOnPaste
属性,则在内部调用code>pasteSplit
因此,您的代码应该如下所示:
<TagsInput pasteSplit={this.pasteSplit} value={this.state.tags} onChange={this.handleChangeInList} addOnPaste />
根据源代码,pasteSplit不修改输入值,它只返回由源字符串组成的数组。因此,您应该将其作为函数调用,并使用返回的value@EvgeniiMalikov但是它说用它作为标签的道具对不起,我可能错过了什么。所以您正在重新定义pasteSplit函数,如示例所示?可以提供完整的代码吗?正如在程序包的链接中一样,我正在复制粘贴相同的函数。根据源代码,pasteSplit不修改输入值,它只返回由源字符串组成的数组。因此,您应该将其作为函数调用,并使用返回的value@EvgeniiMalikov但是它说用它作为标签的道具对不起,我可能错过了什么。所以您正在重新定义pasteSplit函数,如示例所示?可以提供完整的代码吗?正如在软件包的链接中一样,我正在复制粘贴相同的功能