Я работаю над приложением реагирования. Он содержит один компонент, как показано ниже.
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
Любое предложение заметно.. Спасибо