How to use the @material/slider/dist/mdc.slider.MDCSlider function in @material/slider

attached() {
    this.topAppBar = new MDCTopAppBar(
      document.querySelector('.mdc-top-app-bar')
    );
    this.drawer = new MDCDrawer(document.querySelector('.mdc-drawer'));

    this.slider = new MDCSlider(this.slider);
    this.sliderDisabled = new MDCSlider(this.sliderDisabled);
    this.sliderDiscrete = new MDCSlider(this.sliderDiscrete);
    this.sliderDiscreteDisabled = new MDCSlider(this.sliderDiscreteDisabled);
    this.slidertick = new MDCSlider(this.sliderTick);
    this.slidertickDisabled = new MDCSlider(this.sliderTickDisabled);

    this.tabBar = new MDCTabBar(document.querySelector('.mdc-tab-bar'));

    this.handleTopAppBarWithDrawer();
    this.handleSliders();
  }

attached() {
    this.topAppBar = new MDCTopAppBar(
      document.querySelector('.mdc-top-app-bar')
    );
    this.drawer = new MDCDrawer(document.querySelector('.mdc-drawer'));

    this.slider = new MDCSlider(this.slider);
    this.sliderDisabled = new MDCSlider(this.sliderDisabled);
    this.sliderDiscrete = new MDCSlider(this.sliderDiscrete);
    this.sliderDiscreteDisabled = new MDCSlider(this.sliderDiscreteDisabled);
    this.slidertick = new MDCSlider(this.sliderTick);
    this.slidertickDisabled = new MDCSlider(this.sliderTickDisabled);

    this.tabBar = new MDCTabBar(document.querySelector('.mdc-tab-bar'));

    this.handleTopAppBarWithDrawer();
    this.handleSliders();
  }

attached() {
    this.topAppBar = new MDCTopAppBar(
      document.querySelector('.mdc-top-app-bar')
    );
    this.drawer = new MDCDrawer(document.querySelector('.mdc-drawer'));

    this.slider = new MDCSlider(this.slider);
    this.sliderDisabled = new MDCSlider(this.sliderDisabled);
    this.sliderDiscrete = new MDCSlider(this.sliderDiscrete);
    this.sliderDiscreteDisabled = new MDCSlider(this.sliderDiscreteDisabled);
    this.slidertick = new MDCSlider(this.sliderTick);
    this.slidertickDisabled = new MDCSlider(this.sliderTickDisabled);

    this.tabBar = new MDCTabBar(document.querySelector('.mdc-tab-bar'));

    this.handleTopAppBarWithDrawer();
    this.handleSliders();
  }

function handleMDCSliders(slidersEl) {
  for (var i = 0; i < slidersEl.length; i++) {
    new MDCSlider(slidersEl[i]);
  }
};

attached() {
    this.topAppBar = new MDCTopAppBar(
      document.querySelector('.mdc-top-app-bar')
    );
    this.drawer = new MDCDrawer(document.querySelector('.mdc-drawer'));

    this.slider = new MDCSlider(this.slider);
    this.sliderDisabled = new MDCSlider(this.sliderDisabled);
    this.sliderDiscrete = new MDCSlider(this.sliderDiscrete);
    this.sliderDiscreteDisabled = new MDCSlider(this.sliderDiscreteDisabled);
    this.slidertick = new MDCSlider(this.sliderTick);
    this.slidertickDisabled = new MDCSlider(this.sliderTickDisabled);

    this.tabBar = new MDCTabBar(document.querySelector('.mdc-tab-bar'));

    this.handleTopAppBarWithDrawer();
    this.handleSliders();
  }

attached() {
    this.topAppBar = new MDCTopAppBar(
      document.querySelector('.mdc-top-app-bar')
    );
    this.drawer = new MDCDrawer(document.querySelector('.mdc-drawer'));

    this.slider = new MDCSlider(this.slider);
    this.sliderDisabled = new MDCSlider(this.sliderDisabled);
    this.sliderDiscrete = new MDCSlider(this.sliderDiscrete);
    this.sliderDiscreteDisabled = new MDCSlider(this.sliderDiscreteDisabled);
    this.slidertick = new MDCSlider(this.sliderTick);
    this.slidertickDisabled = new MDCSlider(this.sliderTickDisabled);

    this.tabBar = new MDCTabBar(document.querySelector('.mdc-tab-bar'));

    this.handleTopAppBarWithDrawer();
    this.handleSliders();
  }

componentDidMount() {
    this.slider = new MDCSlider(this.node);
    this.setup(this.props);

    this.slider.listen('MDCSlider:change', () => this.handleMDCSliderChange());
    this.slider.listen('MDCSlider:input', () => this.handleMDCSliderInput());
  }

attached() {
    this.topAppBar = new MDCTopAppBar(
      document.querySelector('.mdc-top-app-bar')
    );
    this.drawer = new MDCDrawer(document.querySelector('.mdc-drawer'));

    this.slider = new MDCSlider(this.slider);
    this.sliderDisabled = new MDCSlider(this.sliderDisabled);
    this.sliderDiscrete = new MDCSlider(this.sliderDiscrete);
    this.sliderDiscreteDisabled = new MDCSlider(this.sliderDiscreteDisabled);
    this.slidertick = new MDCSlider(this.sliderTick);
    this.slidertickDisabled = new MDCSlider(this.sliderTickDisabled);

    this.tabBar = new MDCTabBar(document.querySelector('.mdc-tab-bar'));

    this.handleTopAppBarWithDrawer();
    this.handleSliders();
  }