Тип элемента JSX 'MultiSelectComponent' не имеет никакой конструкции или сигнатуры вызовов - PullRequest
0 голосов
/ 04 ноября 2019

Я работаю над приложением реагирования. Он содержит один компонент, как показано ниже.

    public render() {
    const { className, input, meta, options, placeholder, async } = this.props;
    const value = this.state.value;
    let MultiSelectComponent;
    const defaultProps = {
      closeOnSelect: false,
      multi: true,
      onChange: (val: any) => this.handleSelectChange(input, val, options),
      options,
      placeholder: placeholder || 'Select All That Apply',
      removeSelected: true,
      simpleValue: true,
      value,
    };
    let addProps = {};
    if (async) {
      MultiSelectComponent = Async;
      addProps = {
        loadOptions: this.props.handleSearchOption,
        cache: false,
      };
    } else {
      MultiSelectComponent = Select;
      addProps = {
        async: false,
      };
    }

    return (
      <div className={`section ${className}`}>
        <MultiSelectComponent {...defaultProps} {...addProps} /> // error is here
        {meta &&
          meta.touched &&
          meta.error && (
            <span className="input-validation-message">{meta.error}</span>
          )}
      </div>
    );
  }

Приведенный выше код является только визуализацией компонента.

Ошибка:

JSX element type 'MultiSelectComponent' does not have any construct or call signatures

Любое предложение заметно.. Спасибо

...