Javascript 下拉列表不从API获取数据。反应JS
我是JS新手,有问题。我创建了用户界面。我需要创建一个下拉列表。下面是表格,下面是提交按钮。然后用户将点击一个按钮,用户将根据他的选择得到新表。 我开始实现并成功地从API中获取表的数据。但当我尝试在下拉列表中添加数据时,我没有数据 我的代码: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
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;不,我不确定。这是我的实现。我试过你的第二版。更改后,我的页面不会打开