Javascript 使用状态和按钮从列表中删除元素

我创建了一个列表，如下所示：

return (this.state.limit).fill().map((_,index) => {
  return ( 
   <div key={`${index}`}> Item </div>
  )
)

return（this.state.limit）.fill（）{
报税表（
项目
)
)

如何创建一个按钮，让我删除特定的div元素并降低状态限制？

创建一个按钮

<button onClick={removeDiv}>
  Remove div
</button>

更改状态时，组件将使用新状态重新呈现自身。

创建一个按钮

<button onClick={removeDiv}>
  Remove div
</button>

---

更改状态时，组件将使用新状态重新呈现自身。

在React中，您必须将几乎所有内容绑定到数据。在您的示例中，所有这些项都应该由一些基础数据表示。下面是一个非常基本的示例，说明了这一点：

类示例扩展了React.Component{
构造函数（）{
超级（）；
此.state={
数据：[“项目1”、“项目2”、“项目3”、“项目4”、“项目5”]，
};
}
移除项目（项目）{
让data=this.state.data.filter（（（uu，i）=>i！=item）；
this.setState（{data}）；
}
render（）{
返回(
{this.state.data.map（（item，i）=>this.removietem（i）}>{item}）}
);
}
}
ReactDOM.render（，document.getElementById（'View'））
在React中，几乎所有内容都必须绑定到数据。在您的示例中，所有这些项都应该由一些底层数据表示。下面是一个非常基本的示例，说明了这一点：


类示例扩展了React.Component{
构造函数（）{
超级（）；
此.state={
数据：[“项目1”、“项目2”、“项目3”、“项目4”、“项目5”]，
};
}
移除项目（项目）{
让data=this.state.data.filter（（（uu，i）=>i！=item）；
this.setState（{data}）；
}
render（）{
返回(
{this.state.data.map（（item，i）=>this.removietem（i）}>{item}）}
);
}
}
ReactDOM.render（，document.getElementById（'View'））

<代码> >更新<代码>限制>代码>状态（通过SETStATE删除项目），并让它再次作出反应。更新状态只会清除最后一个div。我正在寻找一种方法来删除我的数组中间的div元素。然后删除该状态中的特定项。@ FabianSchultz如何？该状态当前已更新，以设置创建数量的限制。我该如何在州里清除它？哦，现在我明白了。我将准备一个例子并添加一个答案。更新<代码>限制>代码>状态（通过SETStATE删除该项），并让它再次作出反应。更新状态只会清除最后一个div。我正在寻找一种方法来移除我的数组中间的div元素。然后删除该状态中的特定项。@ FabianSchultz如何？该状态当前已更新，以设置创建数量的限制。我该如何在州里清除它？哦，现在我明白了。我将准备一个示例并添加一个答案。谢谢！这就是我需要的指导原则：）@Fabianshultz我删除了那条评论，这样其他人就不会看到它并感到困惑了。谢谢！这就是我需要的指导原则：）@Fabianshultz我删除了那条评论，这样其他人就不会看到它并感到困惑。