u-switch组件 在数组中使用传参

u-switch组件通常在前端开发中用于创建开关切换的功能，它可以在React或者其他支持组件化开发的框架中找到，比如Vue或Angular。当涉及到在数组中使用u-switch组件时，一般是为了根据数组的状态动态控制每个开关的状态，例如遍历一个数据列表，每个元素都有一个开关来表示是否选中。

在JavaScript中，假设我们有一个包含状态的数组items：

const items = [
  { id: 1, isChecked: false },
  { id: 2, isChecked: true },
  { id: 3, isChecked: false }
];

我们可以为每个item渲染一个u-switch组件，并在props中传入相应的状态值：

function SwitchArray({ items }) {
  return (
    <div>
      {items.map(item => (
        <div key={item.id}>
          <u-switch checked={item.isChecked} onChange={(e) => toggleItemState(e, item)} />
        </div>
      ))}
    </div>
  );

// 其他地方定义toggleItemState函数来更新数组中对应项的状态
function toggleItemState(e, item) {
  item.isChecked = !item.isChecked;
}

在这个例子中，`checked`属性会绑定到`item.isChecked`，当用户点击开关时，`onChange`回调会被触发，进而更新`item.isChecked`的值。