Как вызвать функцию Animated () вместе с другими компонентами в атрибуте компонентов вact-select? - PullRequest
Новая
       5

Как вызвать функцию Animated () вместе с другими компонентами в атрибуте компонентов вact-select?

0 голосов
/ 18 октября 2018 

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.handleChange}
            options={options}
            isMulti={true}
            styles={customStyles}
            closeMenuOnSelect={true}
            placeholder={"Add Email Ids"}
            getOptionLabel={option => option.label}
          />
)}
}

Мне не удалось добавить "Animated ()" в атрибут компонентов, кроме Options.Каков синтаксис добавления более одного компонента, в то время как один является компонентом, а другой - библиотекой для анимации.

Я хочу что-то вроде components = {{Option} && Animated()}, чтобы я мог изменить компонент «Параметры», а также получить анимацию.нажав на Индикатор удаления.

1 Ответ

0 голосов
/ 26 февраля 2019

components = {{Option} && Animated()} не работает для меня.Применяется только первый элемент во внешних фигурных скобках.Как это работает для вас?

Вот мой код песочницы: https://codesandbox.io/s/pk0xjnm73x

...