Select: can't render react component as a value

[mishk0]

<Select>
        <Item value={ id }>
             <Icon id="en"/>
              en
        </Item>
</Select>

In an example above I won't see an icon, because there is a restriction connected with displaying only text. Why do we need that?

[narqo]

Why do we need that?

If you have a Menu type="check", you have to concatenate values (or content) from all checked items. This is how the control works in bem-components and this is how it was designed.

[narqo]

Actually, renderButtonText() is a hook-method, that was added after the discussion about various real use cases. See this comment #52 (comment)

[mishk0]

But, the default behavior that I expect from the select is "what I see in <Item>, I will see in <Button>". The same for multiple select, the concatenation will look like [<item1>, ', ', <item2> ].

[narqo]

the default behavior that I expect from the select is "what I see in , I will see in "

When the control was implemented in bem-components, our internal design guides "thought different". And, as react-islands is just a port of the initial library, we have the same behaviour, that we had.

We might fix this in future. But PRs are welcome, anyway.