React表单处理中的状态管理
引言
在使用React开发表单时，处理状态变化是一个常见但容易出错的过程。特别是当涉及到从父组件传递数据并在子组件中修改这些数据时，开发者需要特别注意状态管理，以避免意外的行为。本文将通过一个具体的实例，探讨如何在React中正确地管理表单状态，确保数据不被意外修改。
问题描述
假设我们有一个React组件，名为Form，它接受一个data数组作为props，用于初始化表单输入字段。当用户修改表单时，我们希望保留原始的data不变，以便后续进行比较，决定是否禁用提交按钮。然而，实际操作中，我们发现data在用户输入时被修改了。
代码示例
以下是原始的Form组件代码：
interface Props {
itemsNum: number
types?
