dearice / rc-actionsheet

React UI组件-Actionsheet

ActionSheet

react移动端ActionSheet组件

实例：

<ActionSheet  
    list = {list}                                 //Action列表
    visiable = {this.state.isShowAction}          //控制显示
    getValue = {this.getSheetValue}               //获取列表值(id)
    hide = {this.hideAction}                      //隐藏方法
></ActionSheet>

说明：

// visiable：
this.state = {
    isShowAction: false
}

// list： 
const list = [
    {id: 1, name: item1},
    {id: 2, name: item2}
];

// hide:
hideAction(){
    this.setState({isShowAction: false);
}

//点击item1时
getSheetValue(id){
    console.log(id)     //item1 => 1
}