import React, { Component } from "react";
import { Creatable, components } from "react-select";
import Animated from "react-select/lib/animated";
const Option = (props) => {
return (
<components.Option {...props}>
<Avatar size = "50" text = {props.label} url = {props.image}/>
<div>{props.value}</div>
<div>{props.label}</div>
</components.Option>
);
};
class ReactSelect extends Component {
render(){
return(
<Creatable
isValidNewOption = {this.handleValidation}
value = {val}
components = {{ Option: Option }}
onChange = {this.handleChangeEvent}
options = {options}
isMulti = {true}
styles = {customStyles}
closeMenuOnSelect = {true}
placeholder = {"Add Email Ids"}
getOptionLabel = {option => option.label}
/>
)}
}Мне не удалось добавить «Animated ()» в атрибут компонентов, кроме параметров. Каков синтаксис для добавления более одного компонента, когда один является компонентом, а другой - библиотекой для анимации.
Мне нужно что-то вроде components = {{Option} && Animated()}, чтобы я мог изменять компонент «Параметры», а также получать анимацию, щелкнув по индикаторуRemove.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


components = {{Option} && Animated()} у меня не работает. Применяется только первый элемент в фигурных скобках. Как это у вас работает?
Вот мой код песочницы: https://codesandbox.io/s/pk0xjnm73x
Работает. components = {{Option} && Animated ()} работает. Я не знаю, что было раньше.