sure i could go up the hierarchy and convert more and more parent elements to react components, until i'm left with one single div i could anchor the all encompassing component to.
but i just want to the render the dropdown ul with react.
that's why react should have an option to replace the element given in renderComponent.
thanks for reading this long rant and hope for a solution soon
The text was updated successfully, but these errors were encountered:
Yes, currently you have to replace the entire contents of a container. After #1711 this won't be true any more, but the best workaround is probably to add an extra wrapping element around the <ul>.
if i could i would do it. if add an extra wrapper the dropdown stops working. so i would have to modify 3rd party code(bootstrap, theme) or just code css overrides which is undesirable.
and the resulting html would not be correct
i have the following html, using bootstrap3 and some theme
now I would like to render the ul#latest-messages with react
and IMHO that's currently impossible. why?
i have the following components:
Divider - div.divider
Message - div.dropdown-messages-box
LatestMessages = the ul#latest-messages
if i do this
it replaces also my link with the icon
if i do this
the i get two uls nested in each other
sure i could go up the hierarchy and convert more and more parent elements to react components, until i'm left with one single div i could anchor the all encompassing component to.
but i just want to the render the dropdown ul with react.
that's why react should have an option to replace the element given in renderComponent.
thanks for reading this long rant and hope for a solution soon
The text was updated successfully, but these errors were encountered: