rnx-ui-dropdown

0.0.1 • Public • Published

DropDown

npm npm

下拉选择

API

Prop Type Default Required Description
config object {} yes 配置对象
onSelect func null no 选中的回调
// 渲染一个能出发dropDown的输入框
<dropDownTrigger
    config={dropDownCnf}
/>
 
// 跟dropDownTrigger一一对应,必须置于底部
<dropDown
    data={[]}
    config={dropDownCnf}  
/>
 
// config必须包含如下字段
dropDownCnf = {
    // 下拉框值的获取器
    valueGetter: function () {
        return me.state.value
    },
    // 下拉框值的设置器
    valueSetter: function (value) {
        return me.setState({
            value: value,
        })
    },
    // 下拉框的显示状态获取器
    visibleGetter: function () {
        return me.state.cur1
    },
    // 下拉框的显示状态设置器
    visibleSetter: function (visible, style) {
        return me.setState({cur1: {
            visible: visible,
            style: {...style}
        }})
    },
}

Package Sidebar

Install

npm i rnx-ui-dropdown

Weekly Downloads

3

Version

0.0.1

License

none

Last publish

Collaborators

  • wangdagen