buttonBarConfig.js

const buttonsViews = {
    'close' : CloseButton,
    'open' : OpenButton,
    'delete' : DeleteButton
}

class A extends React.Component{
    state = {
        scrollToDefinitionID :1
    },

    stepUP(){
        this.setState({
            currentStep : 2
        })
    }

    generateButtons(){
        let buttonsBar = [];

        switch( this.props.viewType ){
            case "report":
                buttonsBar = [ "close" , "open"];
            break;
            case "editor":
                buttonsBar = [ "close" , "open", "delete" ];
            break;
    
        }

        return _.map( buttonsBar, ( button ) => buttonsViews[ button ] );
    }

    render(){        
        return (
            <div>
                { this.generateButtons() }
            </div>
        );
    }
}