react scroll picker
npm install @chiyu/react-pickerbash
npm install @chiyu/react-picker
`$3
tsx
import React, { useState } from "react"
import PanelPicker from "@chiyu/react-picker"const inCascadeData:IInCascadeData[][] = [
[
{
key: 'a1',
data: 'a1',
label: 'a1'
},
{
key: 'a2',
data: 'a2',
label: 'a2'
}
],
[
{
key: 'b1',
data: 'b1',
label: 'b1'
},
{
key: 'b2',
data: 'b2',
label: 'b2'
}
],
]
const cascadeData:ICascadeData[] = [
{
key: 'a',
data: 'a',
lable: 'a',
children: [
{
key: 'a1',
data: 'a1',
label: 'a1',
children: []
},
{
key: 'a2',
data: 'a2',
label: 'a2',
children: []
}
]
},
{
key: 'b',
data: 'b',
lable: 'b',
children: [
{
key: 'b1',
data: 'b1',
label: 'b1',
children: []
},
{
key: 'b2',
data: 'b2',
label: 'b2',
children: []
}
]
}
]
const App = () => {
const [open, setOpen] = useState(false)
function handleChange(values: number[]) {
console.log(values)
}
return (
<>
cols={2}
data={inCascadeData}
cascade={false}
height={400}
itemHeight={100}
open={open}
onCancel={() => {
setOpen(false)
}}
/>
)
}
export default hot(App)
`$3
bash
yarn start
``