@boewa-software/react-async-uploader/src/js/BrowseButton.jsx

React Uploder

import React from 'react';
import PropTypes from 'prop-types';

/**
 * Komponente zur Erzeugung einer Drop-Zone für über den Uploader hochzuladende Dateien.
 */
class BrowseButton extends React.Component
{
    constructor(props) {
        super(props);

        this.browseButtonRef = React.createRef();
    }

    componentDidMount()
    {
        this.props.assignBrowse(
            this.browseButtonRef.current
        );
    }

    render()
    {
        const {
            assignBrowse,
            ...props
        } = this.props;

        return React.createElement(
            'button',
            {
                type: 'button',
                ref: this.browseButtonRef,
                ...props
            }
        );
    }
}

BrowseButton.propTypes = {
    assignBrowse: PropTypes.func.isRequired
};

export default BrowseButton;