Uncontrolled MultiSelect example?

Environment

• Package version(s):
  • “@blueprintjs/core”: “^3.8.0”,
  • “@blueprintjs/icons”: “^3.6.0”,
  • “@blueprintjs/select”: “^3.7.0”,
• Browser and OS versions: OSX 10.14.3, Chrome 73.0.3683.75

Question

Hi!

I’m trying to get an uncontrolled MultiSelect working, but haven’t had much luck. Is there an example of one somewhere?

Here’s what I’ve got. Am I missing something obvious? Is specifying the onClick and active in the MenuItem even necessary?

<MultiSelect
    items={["A", "B", "C"]}
    itemRenderer={(item, { modifiers, handleClick }) =>
        <MenuItem
            key={item}
            text={item}
            onClick={handleClick}
            active={modifiers.active}
        />
    }
    onItemSelect={() => {}}
    tagRenderer={item => item}
/>

This is what renders:

Thanks!

[rrramani1230]

The answer to this is that you need the selectedItems prop along with the tagRender prop for it to Render. Please don’t spent as much time on this as I did finding this out 😦

[rrramani1230]

Did anyone get this to work. I wonder why the MultiSelect looks like a singleselect. Are there certain props that are not required but needed for the mutliselect to work @zachkirsch @adidahiya