我正在传递'item‘父/子元素，当我操作它时，它会改变父元素中的默认值

在前端开发中，当你传递一个'item'父/子元素并对其进行操作时，它会改变父元素中的默认值。这是因为在JavaScript中，对象和数组是引用类型，当你将一个对象或数组传递给另一个变量时，实际上是将引用传递给了新的变量，而不是创建一个新的副本。

当你对传递的'item'进行操作时，实际上是对同一个对象的引用进行操作，因此会改变父元素中的默认值。这种行为在React等前端框架中非常常见，通过传递引用来实现组件之间的数据共享和状态管理。

为了避免改变父元素中的默认值，你可以使用一些方法来创建一个新的副本，例如使用ES6的展开运算符或Array.from()方法来复制对象或数组。这样，你对副本的操作不会影响原始的父元素。

以下是一个示例代码：

// 创建一个副本
const newItem = { ...item }; // 使用展开运算符复制对象
const newArray = Array.from(item); // 使用Array.from()复制数组

// 对副本进行操作
newItem.property = 'new value';
newArray.push('new item');

// 父元素的默认值不会改变
console.log(item); // 原始的item对象或数组

在这个例子中，我们通过展开运算符和Array.from()方法创建了一个新的副本，然后对副本进行操作。这样，父元素中的默认值不会被改变。

需要注意的是，如果对象或数组中包含了嵌套的对象或数组，那么仅复制一层是不够的，你需要使用深拷贝方法来复制所有的嵌套对象或数组。

关于深拷贝的实现方法和相关的库，可以参考以下链接：

• JavaScript深拷贝的实现方法
• Lodash库的cloneDeep方法

希望这个答案能够帮助你理解在操作传递的'item'时如何避免改变父元素中的默认值。如果你有任何进一步的问题，请随时提问。