您的位置:首页 > Web前端 > React

webUploader react 接口设计

2016-08-25 20:13 351 查看
import React, {PropTypes} from 'react';

export default class Test extends React.Component {

constructor(props) {
super(props);
this.state = {
webUploader:null,
showDialog:false,
selectFiles:[]
};

this.uploadConfig={};
}

componentDidMount(){

}

uploaderDidMount(webUploader){
this.setState({webUploader:webUploader});
}

onSelectedImageFile(files){
this.setState({
selectFiles:files,
showDialog:true
});
}

render(){
return (
<div>
<Dialog show={this.state.showDialog} selectFiles={this.state.selectFiles} uploader={this.state.webUploader}></Dialog>
<UploaderButton className="fileUploader" config={this.uploadConfig} uploaderDidMount={this.uploaderDidMount}>
<div>点击上传</div>
</UploaderButton>
</div>
)
}

}


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: