Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

A List of `antd`'s components that cannot work with HOC

See original GitHub issue

It is not a common use case, so it’s low priority. But we still can discuss and try to make it better:

Menu Menu.SubMenu Menu.MenuItem, cannot be wrapped for keyboard operations rely on instance.onKeyDown https://github.com/ant-design/ant-design/issues/4849
Table.Column, for Table will read children[n].props as config and it cannot not read children’s ownee’s props now https://github.com/ant-design/ant-design/issues/4029 https://github.com/ant-design/ant-design/issues/4324
Collpase.Panel, for Collapse will read children[n].header as title.
Tabs.TabPane, for Tabs will read children[n].tab to generate TabBar. https://github.com/ant-design/ant-design/issues/5165
Select.Option, for Select depends on key prop on Option.

Descriptions.Item https://github.com/ant-design/ant-design/issues/27411

Issue Analytics

State:
Created 7 years ago
Reactions:56
Comments:75 (20 by maintainers)

Top GitHub Comments

39reactions

MacKentochcommented, Aug 19, 2017

Not fan of codemod solution. Just my point of view, but, I believe that sadly for most of people it is more repulsive than welcomed.

Embedding components into custom components is a common practice in React.

Please fix it and see ant-design adoption fast increase with no doubt.

Ant Design is really appealing and is the first library that makes me want to leave react-bootstrap.

37reactions

iMosescommented, May 2, 2019

This issue should really be mentioned in the docs, I wasted a full workday researching this bug only to understand this library is unusable for me. Please please please put a warning so other developers won’t have to waste so much time figuring out you used an anti-pattern, relaying on React keys, and now you are very fragile to so many HOC or decorators available to the community. This is really a shame. I hope you’ll fix it in your next major version.

Top Results From Across the Web

Form - Ant Design

High performance Form component with data scope management. Including data collection, verification, and styles.

React HOC working on some but not other components

I'm using a HOC component to bind an action to many different types of element, including SVG cells, which, when an onClick is...

1451_0250_0812_IP_V01.pdf - Basic Fun!

experiment to see how ants live and work in zero-gravity. It is specially ... Look for large ants that cannot escape through ......

Fire Ant Control Methods around Pets

of stinging fire ants, creating a potentially danger- ... Animals with open sores, “hot spots,” ... Fire ants most readily sting body parts...

Spanish Language Proficiency Sample Questions.pdf

After successful completion of the two parts, all applicants must undergo a criminal history investigation and participate in an ethics training seminar, when ......