Is there a way to delay rendering of content of dropdown/modal until it is open?
I see they are being rendered even if they are not visible until user clicks to see its contents.
Asked
Active
Viewed 936 times
0
-
You could set the css property `display: hidden`. It would still be rendered to the dom, but not visible. Or is that what you want to avoid? – Håken Lid Jul 08 '17 at 14:03
-
yeah I want to prevent 'rendering' – eugene Jul 08 '17 at 14:22
1 Answers
1
The Modal component uses Portal for rendering content, while Portal renders something only if it's open. This means that the component already satisfies your conditions.
With the Dropdown component, it will be more difficult. You can control it yourself, but it means that you will need to process all events self-consciously and it will be not easy.
<Dropdown open={true} options={open && options} />
Oleksandr Fediashov
- 3,967
- 1
- 20
- 40