Как исправить Unexpected token?

Question

[Smuzzzzzi]

import React from "react";

export default class Chosen extends React.Component {
  componentDidUpdate() {
    // chosen doesn't refresh the options by itself, babysit it
    $(this.refs.select).trigger("chosen:updated");
  }

  handleChange = (a, b, c) => {
    // force the update makes it so that we reset chosen to whatever
    // controlled value the parent dictated
    this.forceUpdate();
    this.props.onChange && this.props.onChange(a, b, c);
  };

  componentDidMount() {
    const props = this.props;
    const select = $(this.refs.select);
    $(select)
      .chosen({
        allow_single_deselect: props.allowSingleDeselect,
        disable_search: props.disableSearch,
        disable_search_threshold: props.disableSearchThreshold,
        enable_split_word_search: props.enableSplitWordSearch,
        inherit_select_classes: props.inheritSelectClasses,
        max_selected_options: props.maxSelectedOptions,
        no_results_text: props.noResultsText,
        placeholder_text_multiple: props.placeholderTextMultiple,
        placeholder_text_single: props.placeholderTextSingle,
        search_contains: props.searchContains,
        single_backstroke_delete: props.singleBackstrokeDelete,
        width: props.width,
        display_disabled_options: props.displayDisabledOptions,
        display_selected_options: props.displaySelectedOptions
      })
      .on("chosen:maxselected", this.props.onMaxSelected)
      .change(this.handleChange);
  }

  componentWillUnmount() {
    $(this.refs.select).off("chosen:maxselected change");
  }

  render() {
    const selectProps = $.extend({}, this.props, { ref: "select" });

    return (
      <div>
        <select {...selectProps}>{this.props.children}</select>
      </div>
    );
  }
}

Unexpected token (47:6)

[0m [90m 45 | [39m    [36mconst[39m selectProps [33m=[39m $[33m.[39mextend({}[33m,[39m [36mthis[39m[33m.[39mprops[33m,[39m { ref[33m:[39m [32m"select"[39m })[0m
[0m [90m 46 | [39m    [36mreturn[39m ([0m
[0m[31m[1m>[22m[39m[90m 47 | [39m      [33m<[39m[33mdiv[39m[33m>[39m[0m
[0m [90m    | [39m      [31m[1m^[22m[39m[0m
[0m [90m 48 | [39m        [33m<[39m[33mselect[39m {[33m...[39mselectProps}[33m>[39m{[36mthis[39m[33m.[39mprops[33m.[39mchildren}[33m<[39m[33m/[39m[33mselect[39m[33m>[39m[0m
[0m [90m 49 | [39m      [33m<[39m[33m/[39m[33mdiv[39m[33m>[39m[0m
[0m [90m 50 | [39m    )[0m

Comments

[yanis_kondakov]

Это весь код?

[Smuzzzzzi]

yanis_kondakov,
обновил

[yanis_kondakov]

Библиотеке 4 года. Посмотрите исходники.

[yanis_kondakov]

https://codepen.io/gaearon/pen/qmqeQx

[Антон Спирин]

babel-preset-react стоит?

[Smuzzzzzi]

Антон Спирин,
да,
package.json

"devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.4",
    "babel-preset-env": "^1.7.0",
    "babel-preset-react": "^6.24.1"
  }

.babelrc

{
  "presets": ["react","env"]
}

Answer 1

[0xD34F]

Что делаю не так?

Пытаетесь изнасиловать труп - компонент не обновлялся уже три года. Либо найдите что-нибудь посвежее, либо перепишите его самостоятельно (там работы минут на пять, не больше).