如何通过API响应动态填充选择框

Question

我正在尝试从react中的api响应动态创建选择框。以下是api响应

{
    "land": [{
        "land_id": 15,
        "name": "zipku",
        "description": "zipku"
    }, {
        "land_id": 16,
        "name": "jumba",
        "description": "jumba"
    }],
    "type": [{
        "type_id": 1,
        "name": "s_id",
        "description": "s_id"
    }, {
        "type_id": 2,
        "name": "s_id2",
        "description": "s_id2"
    }],
    "nationality": [{
        "id": 1,
        "name": "Japan",
        "description": "Japan"
    }, {
        "id": 2,
        "name": "Hong_Kong",
        "description": "Hong_Kong"
    }]
}

我正在使用对蚂蚁设计的反应。我到目前为止所做的]]

                        Object.keys(myObject).map((idx, i) => {
                            return (<Select key={i}
                                {...myObject[idx].map((selec, i) => (
                                    <Option value={selec.name}>{selec.name}}</Option>
                                ))}

                            >

                            </Select>)
                        })
有人可以解释一下我在做什么错吗？

我正在尝试从react中的api响应动态创建选择框。以下是api响应{“ land”：[{“ land_id”：15，“ name”：“ zipku”，“ description”：“ zipku”}，...

Answer 1

尝试这个