您可以使用onKeyDown
事件来监听键盘操作,并且在按下退格键时手动删除最后一个标签。下面是一个示例代码:
import React, { useState } from 'react';
import TagsInput from 'react-tagsinput';
const App = () => {
const [tags, setTags] = useState([]);
const handleKeyDown = (event) => {
if (event.keyCode === 8 && event.target.value === '') {
// 按下退格键并且输入框为空时,删除最后一个标签
setTags(tags.slice(0, -1));
}
};
return (
setTags(newTags)}
inputProps={{ onKeyDown: handleKeyDown }}
/>
);
};
export default App;
在这个例子中,我们创建了一个handleKeyDown
函数来处理键盘按下事件。当按下退格键(keyCode为8)并且输入框为空时,我们使用setTags
函数删除最后一个标签。
然后,我们将handleKeyDown
函数传递给inputProps
属性,这样就可以在输入框上监听键盘按下事件。
请注意,此解决方法基于react-tagsinput
库。如果您使用的是其他标签输入库,可能需要根据具体情况进行调整。
下一篇:按下Enter键时赋予的默认值