Selectable

Selectable是一个用于选择元素的功能或组件。它可以让用户通过点击或拖动来选择一个或多个元素。在引用中提到了一个示例，使用了Element UI库中的el-table组件的selectable属性来实现表格中的选择功能。在引用中提到了一个基于React的可选组件react-selectable-fast，它通过优化渲染方式来提高大量可选项目的性能。

以下是两个示例，演示了如何使用Selectable功能：

1. 使用Element UI的el-table组件实现选择功能[^1]：

<el-table>
  <el-table-column type="selection" :selectable="selectable"></el-table-column>
  <!-- 其他列 -->
</el-table>

data() {
  return {
    selectable: (row, index) => {
      // 返回true表示该行可以被选择，返回false表示不可选择
      // 可根据需要自定义选择条件
      return row.status === 'active';
    }
  }
}

2. 使用react-selectable-fast组件实现选择功能[^2]：

import { SelectableGroup, createSelectable } from 'react-selectable-fast';

class MyComponent extends React.Component {
  render() {
    const SelectableItem = createSelectable(MyItemComponent);

    return (
      <SelectableGroup>
        <SelectableItem />
        {/* 其他可选项 */}
      </SelectableGroup>
    );
  }
}