如何在地图中显示数据，以便在reactjs中不存在冗余

Question

说我有我的组件状态

 todo:
{
value:1
}

现在我有一个将数据打印为的组件

<div>
{this.state.todo.map(function(todo,i)
{
<h1>{todo.value}</h1>
)}

</div>

我在表单中也有一个输入文本字段添加按钮，当我写2然后单击添加时，应该在状态中添加值，因为现在看起来像

 todo:{
value:1
},
{
value:2
}

现在我想显示我的结果

<div>
1
</div>

<div>
2
</div>

但是我得到的是（出于明显的原因）

   <div>
    1
    2
    </div>

    <div>
 1   
 2
    </div>

错误我得到的是如果我将状态发送给子组件

<Child item={this.state.todo[1].value}/>

然后，如果我在表单中添加2，则仅会打印2，因为未选择index0。

我无法掌握将有助于e实现这一目标的方法。

停留了几个小时。

请帮忙！

这里第二个主要任务的子任务反映在第一个主要任务中，反之亦然