antd-input-tag

增强antd输入框 加入增删标签功能

安装

yarn add antd-input-tag
or
npm install antd-input-tag

在线例子

https://codesandbox.io/s/smoosh-cache-9zbfg?file=/src/App.js

支持键盘删除，enter自动分割（头条号搜索关键字）

快速使用

import React, { useRef, useCallback } from "react";
import AntdInputTag from "antd-input-tag";
export default function App() {
  const childRef = useRef();
  const updateChildState = () => {
    // changeVal 子组件暴露方法
    console.log(childRef.current.changeVal());
  };
  return (
    <div className="App" style={{ paddingTop: "100px" }}>
      <AntdInputTag value={["aa", "bb", "cc", "dd"]} ref={childRef} />
      <button onClick={updateChildState}>获取子组件数据</button>
    </div>
  );
}

API

参数	说明	类型	默认值
value	传入数据	array	[]
ref	ref	ref	-