rsuite-cascader

A react cascader component

Usage no npm install needed!

<script type="module">
  import rsuiteCascader from 'https://cdn.skypack.dev/rsuite-cascader';
</script>

README

rsuite-cascader

rsuite-cascader 是一个级联选择器组件。

版本与状态

npm

Travis

快速开始

安装

npm i rsuite-cascader --save

样式

less 文件中引入:

@import '~rsuite-cascader/lib/less/index.less';

示例代码

import Cascader from 'rsuite-cascader';

const data = [{
  name: '上海',
  id: 1,
  children: [{
    name: '区',
    id: 2,
    children: [ {
      name: '虹口区',
      id: 3
    }]
},{...}];

<Cascader
  data={data}
  defaultValue={3}
  valueKey="id"       // `data` 数组中作为值的 `key`
  labelKey="name"     // `data` 数组中作为显示文本的 `key`
/>