Этот вопрос закрыт для ответов, так как повторяет вопрос Как исправить ошибку Unexpected token, expected {?
@Smuzzzzzi

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

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>
    );
  }
}


5be48dc0660f9030565797.png
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
  • Вопрос задан
  • 169 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега React
Что делаю не так?

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

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы