Javascript 下拉列表不从API获取数据。反应JS

Javascript 下拉列表不从API获取数据。反应JS,javascript,reactjs,Javascript,Reactjs,我是JS新手,有问题。我创建了用户界面。我需要创建一个下拉列表。下面是表格,下面是提交按钮。然后用户将点击一个按钮,用户将根据他的选择得到新表。 我开始实现并成功地从API中获取表的数据。但当我尝试在下拉列表中添加数据时,我没有数据 我的代码: import React, { useState } from 'react'; import { Table, Spin, Select } from 'antd'; import PropTypes from 'prop-types'; import

我是JS新手,有问题。我创建了用户界面。我需要创建一个下拉列表。下面是表格,下面是提交按钮。然后用户将点击一个按钮,用户将根据他的选择得到新表。 我开始实现并成功地从API中获取表的数据。但当我尝试在下拉列表中添加数据时,我没有数据

我的代码:

import React, { useState } from 'react';
import { Table, Spin, Select } from 'antd';
import PropTypes from 'prop-types';
import { useFetch } from 'innroad.common.ui';
import * as apiService from 'services/ApiService';
import AccountType from 'components/AccountType';

const MoveProperty = ({ onSelectingItems }) => {
  const [data, isLoading] = useFetch(apiService.moveProperty);
  const [dataDrop] = useFetch(apiService.getAllClents);
  const [selectedAccountTypes, setSelectedItems] = useState([]);

  return (
    <Spin spinning={isLoading}>
      <Select loading={isLoading}>
        {dataDrop && dataDrop.map(({ id, name }) => (
          <Select.Option key={id} value={id} title={name}>{name}</Select.Option>
        ))}
      </Select>
      <AccountType onSelectingItems={setSelectedItems} />
      <Table
        key="id"
        bordered="true"
        rowKey="id"
        dataSource={data}
        rowSelection={{ onChange: onSelectingItems }}
        pagination={false}
      >
        <Table.Column title="Account Type" dataIndex="accountType" />
        <Table.Column title="Account Number" dataIndex="accountNumber" />
        <Table.Column title="Account ID" dataIndex="accountId" />
        <Table.Column title="Account Name" dataIndex="accountName" />
      </Table>
    </Spin>
  );
};

MoveProperty.propTypes = {
  onSelectingItems: PropTypes.func,
};

MoveProperty.defaultProps = {
  onSelectingItems: () => { },
};

export default MoveProperty;
这里有一个问题:

      <Select loading={isLoading}>
        {dataDrop && dataDrop.map(({ id, name }) => (
          <Select.Option key={id} value={id} title={name}>{name}</Select.Option>
        ))}
      </Select>
最后一个问题。现在我在下拉列表和表之间没有空间了。我怎么能加上呢? 附加屏幕:

所以它是apiService.getAllClents,不带i,它从API返回数组返回一个数组,其中包含客户端数组作为第一个也是唯一一个元素?,该数组包含几个参数:客户端ID、属性ID、属性名称、客户端名称。但在这个列表中,客户名称就足够了。没有一个元素。我们拥有的所有客户端是的,但是你确定它应该是const[dataDrop]=useFetchapiService.getAllClents;而不是例如const dataDrop=useFetchapiService.getAllClients;不,我不确定。这是我的实现。我试过你的第二版。更改后,我的页面不会打开