仅显示对象数组

Question

我已经做出了基于创建的组件 - 数组的redux应用程序的反应。从这个数组我创建另一个数组（f.ex。的食谱），其组件为第一个数组的真实。我的问题是，因为我想编辑这些食谱的列表。当我在编辑字段中添加新的配方时，我拥有所有组件。换句话说，我映射我添加或未添加的每个组件（true或false）。这是一个编辑代码。只返回，但我认为这就足够了。我这里的关键是标签，我只显示所有这些组件，只有0索引，1索引，等等。谢谢你的帮助！

return(
      <div>
        <form>
         { newArrayfOfobjects.map((r,i)=>r.comps.map(comp=>(
          <div key={i}>
        <input
          onChange={()=>this.props.editRecipes(r.id, comp.id)}
          type="checkbox"
          key={i}
          checked={comp.toRecipe}
        />
        <label key={comp.id}>{comp.co}</label>

        </div>
      )))  }
        </form>

      </div>
    )