reactjs - 如何使用多个字段名称创建 React 搜索

Question

我正在使用 reactjs 和 react material-ui 进行自动完成。现在它只处理一个字段名称符号，但我希望它处理多个字段名称，如“符号和名称”这是我的工作代码和 API 响应。API 响应文件名返回 row.symbol；

反应搜索代码

   import React, { Component } from "react";
    import Autocomplete from "./Autocomplete";
    import { render } from "react-dom";
    import ApiService from "../../service/ApiService";
    const style = {
      flexGrow: 1,
    };

    export class SearchScripComponent extends Component<any, any> {
      constructor(props: any) {
        super(props);
        this.state = {
          searchArray: [],
          message: null,
        };
        this.searchScripData = this.searchScripData.bind(this);
      }

      componentDidMount() {
        this.searchScripData(this.requesDATA2());
      }

      requesDATA2() {
        let data1 = { symbolOrName: "TATA" };
        return data1;
      }

      searchScripData(searchScrip: any) {
        ApiService.searchScripDataList(searchScrip).then((res) => {
          this.setState({ searchArray: res.data.data });
        });
      }
      render() {
        const suggestions = this.state.searchArray.map((row: any) => {
          return row.symbol;
        });
        return <Autocomplete suggestions={suggestions} />;
      }
    }

    export default SearchScripComponent;

API 数据

{
    "statusCode": 200,
    "message": "SUCCESS",
    "data": [
        {
            "scripId": 299,
            "symbol": "TATAGLOBAL",
            "name": "abc"
        },
        {
            "scripId": 520,
            "symbol": "TATAYODOGA",
            "name": "ttp"
        },
        {
            "scripId": 1195,
            "symbol": "TATASPONGE",
            "name": "eer"
        },
        {
            "scripId": 30,
            "symbol": "TATASTLBSL",
            "name": "qwer"
        }
    ]
}