Expose setActiveKey for Collapse

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

I have a series of nested Collapse elements which takes 3 seconds to render. I want to programmatically set the activeKey. If i use state props, there is a long delay while the whole nested series re-renders. I tried to save a ref to the Collapse element, but it does not help because, there is no function to set the active key (even though setActiveKey is present in the Collapse class in modules).

This should be a very simple addition to the API surface as the underlying function is already there (and used on user click).

What does the proposed API look like?

CollapseRef.setActiveKey([stringKey]);

Collapse already has and uses the method internally, I just want it exposed on the CollapseRef.

[yesmeck]

I don’t think we will expose a API like this, it’s an anti-pattern in React.

[gotjoshua]

@afc163, I know you are super busy, but I’d like you to understand the use case a bit better. Even if you stay with your decision…

If I control activeKey via state and props, then collapsing a single top level element, takes over 3 seconds to render. If I am not controlling activeKey, clicking to collapse an element is instant (no re-render).

I now did a terribly ugly workaround:

document.querySelector(`#${collapseElementID} > .ant-collapse-header`).click();

I would much prefer to use:

collapseReactRef.setActiveKey( correctPanelKey || [] );

For me, it would be great if you could simply acknowledge that 3 seconds to open or close a collapse element is far too long. If you have a less ugly workaround - or way to use state+props without rerendering, even better… If you could reconsider exposing setActiveKey, that would be amazing.

Thanks.