zoukankan      html  css  js  c++  java
  • webUploader react 接口设计

    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>
            )
        }
    
    }
    

      

  • 相关阅读:
    selectHelper
    Windows Server 2003 下实现网络负载均衡(2) (转)
    顺序栈
    线性表链式存储
    线性表顺序存储
    Swift
    组件化
    swift
    Swift
    Swift
  • 原文地址:https://www.cnblogs.com/lhp2012/p/5808230.html
Copyright © 2011-2022 走看看