在对象中的react js中创建选择选项

Question

我是react-redux的新手。我实际上知道这个问题是一个非常基本的问题，

在这里，我有一个类似的物体

questionsCount : [ {
    Id : "CSS"
    count: "1",
    level:"Easy",
    type: Non_code},{
    Id : "CSS"
    count: "2",
    level:"Medium",
    type: code},
    {
    Id : "CSS"
    count: "5",
    level:"Tough",
    type: code},
    {
    Id : "java"
    count: "2",
    level:"Tough",
    type: Non-code},
    {
    Id : "Html"
    count: "4",
    level:"Easy",
    type: code},]

现在，我有一个选择下拉菜单，我想在其中创建选项，所以我尝试了

return this.state.questionsCount.map((item) =>
            <option key={item.Id}>{item.Id}</option>
        );

 In the props I get the level type.

现在，在这里用重复的ID创建所有选项元素是什么。

现在，我要做的是，

option元素就像，首先应该只提供level元素的意思，

css code:0,Non_code:1

因此，当前它正在复制。

由于Id重复，因此重复。谁能帮我这个 ？谢谢

在这里，我有那个对象。现在，在该对象中，有多个具有Id，计数，级别和类型的对象。

现在，我要从此对象中创建选择选项。

它具有三个差异级别。

预期的输出将是，    只会有简单的关卡

<option>Css code:0,non_code-1></option>
<option>Html code:4,non_code-0></option>

对于艰难的选择，

<option>Css code:5,non_code-1></option>
<option>java code:0,non_code-2></option>

对于中等而坚硬的人来说相同。

一种技术可能会遇到类型容易或中等或困难的代码类型或非代码类型问题。因此，我想创建一个取决于级别的技术下拉列表。

如果不存在代码或非代码，则它将为0。

Answer 1

根据我对您的情况的了解，您希望基于难度级别创建一个选择下拉列表。为此，您需要先根据困难过滤问题，然后再渲染成

{{1}}