How to use the material-components-web.textField.MDCTextField function in material-components-web

initializeTypeahead() {
    this.idPropery = this.idProperty|| 'id';
    this.displayProperty = this.displayProperty || 'name';
    this._textField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[0]);
    this._menu = new menuSurface.MDCMenuSurface(this._$element.find('.mdc-menu-surface')[0]);
    this._menu.hoistMenuToBody();
    this.initializeOptions();
  }

this._$timeout(() => {
        this.mgrsField = new textField.MDCTextField(this._$element.find('.mgrs-text-field')[0]);
        this.mgrsField.useNativeValidation = false;

        this.mgrsField.value = this.mgrs;
        this.mgrsField.valid = true;
      });
    }

this._$timeout(() => {
        this.latitudeField = new textField.MDCTextField(this._$element.find('.latitude-text-field')[0]);
        this.longitudeField = new textField.MDCTextField(this._$element.find('.longitude-text-field')[0]);
        this.longitudeField.value = this.selectedVertex[0];
        this.latitudeField.value = this.selectedVertex[1];
      });
    } else if (!this.mgrsField && this.coordinateSystem === 'mgrs') {

$postLink() {
    this.usernameField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[0]);
    this.passwordField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[1]);
    this.passwordConfirmField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[2]);
    this.deviceIdField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[3]);
    this.passwordStrengthProgress = new linearProgress.MDCLinearProgress(this._$element.find('.mdc-linear-progress')[0]);
    this.passwordConfirmField.useNativeValidation = false;
  }

$postLink() {
    var elements = this._$element.find('.mdc-text-field');
    for (var i = 0; i < elements.length; i++) {
      if (i === elements.length - 1) {
        this.passwordconfirm = new textField.MDCTextField(elements[i])
      } else {
        new textField.MDCTextField(elements[i]);
      }
    }
    this.passwordStrengthProgress = new linearProgress.MDCLinearProgress(this._$element.find('.mdc-linear-progress')[0]);
    this.snackbar = new snackbar.MDCSnackbar(this._$element.find('.mdc-snackbar')[0]);
  }

$postLink() {
    this.usernameField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[0]);
    this.passwordField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[1]);
    this.snackbar = new snackbar.MDCSnackbar(this._$element.find('.mdc-snackbar')[0]);
  }

$postLink() {
    this.errorSnackbar = new snackbar.MDCSnackbar(document.querySelector('#error-snackbar'));

    const elements = this.$element.find('.mdc-text-field');
    for (var i = 0; i < elements.length; i++) {
      new textField.MDCTextField(elements[i]);
    }
  }

this._$timeout(() => {
        this.mgrsField = new textField.MDCTextField(this._$element.find('.mgrs-text-field')[0]);
        this.mgrsField.useNativeValidation = false;

        this.mgrsField.value = this.mgrs;
        this.mgrsField.valid = true;
      });
    }

$postLink() {
    var elements = this._$element.find('.mdc-text-field');
    for (var i = 0; i < elements.length; i++) {
      if (i === elements.length - 1) {
        this.passwordconfirm = new textField.MDCTextField(elements[i])
      } else {
        new textField.MDCTextField(elements[i]);
      }
    }
    this.passwordStrengthProgress = new linearProgress.MDCLinearProgress(this._$element.find('.mdc-linear-progress')[0]);
    this.snackbar = new snackbar.MDCSnackbar(this._$element.find('.mdc-snackbar')[0]);
  }

$postLink() {
    this.usernameField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[0]);
    this.passwordField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[1]);
    this.passwordConfirmField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[2]);
    this.deviceIdField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[3]);
    this.passwordStrengthProgress = new linearProgress.MDCLinearProgress(this._$element.find('.mdc-linear-progress')[0]);
    this.passwordConfirmField.useNativeValidation = false;
  }