React中数组状态的正确更新方法

在React开发中，状态管理是一个核心概念，特别是当我们需要处理数组状态时，如何正确地更新这些状态往往是新手开发者容易犯错的地方。今天，我们将通过一个实例来深入探讨如何在React中正确地更新数组状态。

背景介绍

假设我们有一个父组件，它包含一组横幅（banners），每个横幅都有自己的ID、名称和名称大小（nameSize）。我们希望通过一个范围输入（<input type="range">）来动态调整每个横幅的名称大小。

错误的更新方式

首先，让我们看一个常见的错误更新方式：

constParent=()=>{const[banners