PrimeReact Dropdown 有问题

Question

我还是React Js的新手，最近一直在使用PrimeReact进行开发。 Forms 和 DataTables 对我来说很好，但我似乎无法弄清楚如何处理 Dropdown。我的状态由 redux 管理，在 mapStateToProps 我使用 componentDidMount 加载我的数据后，我可以 console.log 并查看我的数据数组。对于正常的 select 输入，我一直在使用以下代码：

const {accounttypes} = this.props;

    console.log(accounttypes)
    let typesOptions = accounttypes.length > 0
        && accounttypes.map((item, index) => {
            return (
                <option key={item.id } value={item.id}>{item.name}</option>
            )
        }, this);

这是一个选项，因为我可以 post 到我的后端。但是，我想对我的所有表单使用 PrimeReact，而且我一直在努力研究如何去做。以下是我的尝试，它让我很头疼：

<div className="p-field p-col-12 p-md-4">
                <Dropdown
                  value={account_type}
                  optionValue = {accounttypes.id}
            
                  optionLabel = {accounttypes.name} 
                  options={accounttypes}

                  onChange={this.onTypeChange}
                  placeholder="Select an Acco"
                  autoFocus = {true}
                  editable={true}
                />
</div>

account_type 是我的字段名称，我的 django 模型引用了 accountytpe 模型，并希望在创建 Account 时捕获 account_type。愿有人帮忙。提前致谢

Answer 1

optionLabel 和 optionValue 应该指向对象的等效属性。在你的情况下，我想正确的方法是这样

                  optionValue="id"
                  optionLabel="name"

PrimeReact Dropdown 有问题

Having a problem with PrimeReact Dropdown

reactjs

primereact