Question

我在映射项目数组时遇到问题，以填充react-select中的下拉列表。我让它在reactstrap工作，但无法弄清楚如何转换它。

以下是工作反应堆版本：

SELECT SUM(1)

我已经尝试了各种方法来填充它，但这是最后一次失败的尝试，这只是基于他们的简单样本：

                            <ButtonDropdown isOpen={this.state.metricCategoryDropdownOpen} size="xs" color="secondary" toggle={this.metricCategoryToggle}>
                                <DropdownToggle caret>
                                {this.state.metricCategoryDropdownValue}
                                </DropdownToggle>
                                <DropdownMenu>
                                {metricCategoryNames.map((title, categoryIndex) => 
                                    (<DropdownItem
                                    key={categoryIndex}
                                    active={categoryIndex === this.state.metricCategoryActive}
                                    style={{height: 28}}
                                    >
                                    <div onClick={this.metricCategoryHandleClick}>{title}</div>
                                    </DropdownItem>))
                                }
                                </DropdownMenu>
                            </ButtonDropdown>

感谢您的帮助，这对我有用：

                            <Select
                                name="form-field-name"
                                value={value}
                                onChange={this.handleChange}

                                options = {metricCategoryNames.map((key, text) =>
                                (
                                    value= {key},
                                    label= {text}
                                ))}

                            />

Answer 1

试试这个选项

options = {metricCategoryNames.map((key, text) => {
    return {
        value: key,
        label: text
    };}
)}

反应选择地图选项人口

1 个答案: