本文共 978 字，大约阅读时间需要 3 分钟。

• 使用

• 组件详情

import React, {
   useState} from 'react';import {
   Input, AutoComplete} from 'antd';const mockVal = (str: string, repeat: number = 1) => {
     return {
       value: str.repeat(repeat),  };};interface AutoCompleteProps {
     value?: string;  onChange?: (value: {
    inputVal: string }) => void;}const ListAutoComplete: React.FC
   
     = ({
   value, onChange}) => {
     const [inputVal, setInputValue] = useState('');  const [options, setOptions] = useState<{
    value: string }[]>([]);  const onSearch = (searchText: string) => {
       setOptions(      !searchText ? [] : [mockVal(searchText), mockVal(searchText, 2), mockVal(searchText, 3)],    );  };  const onSelect = (data: string) => {
       if (onChange) {
         onChange({
   inputVal,});    }  };  const handleChange = (data: string) => {
       setInputValue(data);  };  return (    
          
         
      );};export default ListAutoComplete;
   

• 提交数据获取得到数据name对象
  

转载地址：http://ofqii.baihongyu.com/