尝试在react-select中覆盖MultiValueContainer,但未接收到Option数据

时间:2018-08-10 19:24:42

标签: reactjs react-select

我试图覆盖MultiValueContainer,以便可以选择在MultiValueLabel旁边显示一个图标。我已经使用MultiValueLabel组件尝试过此操作,但是文档建议它不接收选项值,而MultiValueContainer可以。

<CreatableSelect
   components={MultiValueContainer: CustomMultiValueContainer}
...

const CustomMultiValueContainer = (props) => {
    return (
        <components.MultiValueContainer {...props}>
            { props.option.showIcon &&
              <i class="user-icon" >
            }
            {props.children}
        </components.MultiValueContainer>
    )
}

当我这样做时,道具中唯一的东西就是两个孩子(MultiValueLabel和MultiValueRemove)。如何在这里访问选项数据?

1 个答案:

答案 0 :(得分:0)

结果我只需要使用react-select v2的稳定发行版。 Beta-6破坏了功能。现在,MultiValueContainer / MultiValueLabel会按预期接收基础期权数据。