react-cascader-multi

react-cascader-transfer

预览

内容

基于react用的Cascader 级联选择器

用法

import ReactCascaderTransfer from 'react-cascader-transfer'
import city from './config/city'
 
const handleOnchange = (selected, value) => {
  console.log(selected, value)
}
 
<ReactCascaderTransfer dataSource={city} titles={['省级', '市级']} value={['11', '120103', '513300']} onChange={handleOnchange}/>,

API

见 interface.ts

interface CascaderTransferProps {
  /** 指定选中项 */
  value: Array<number | string>;
  /** 列头名 */
  titles?: string[];
  /** 自定义样式 */
  style?: React.CSSProperties;
  /** 自定义类名 */
  className?: string;
  /** 自定义已选框宽度 */
  selectedWidth?: number | string;
  /** 数据源 */
  dataSource: DataProps[];
  /** 禁用*/
  disabled?: boolean; // 待开发
  /** 自定义每列宽度 */
  width?: string | number;
  /** 已选中数据 */
  selected?: DataProps[];
  onChange: (selected: DataProps[], value: Array<number | string>) => void
}