Join GitHub today
GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software together.Sign up
GitHub is where the world builds software
Millions of developers and companies build, ship, and maintain their software on GitHub — the largest and most advanced development platform in the world.
Allow replacing the anchoring element #2484
i have the following html, using bootstrap3 and some theme
<ul class="nav navbar-top-links navbar-right"> <li class="dropdown"> <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#"> <i class="fa fa-envelope"></i> <span class="label label-warning">16 </span> </a> <ul class="dropdown-menu dropdown-messages" id="latest-messages"> <li> <div class="dropdown-messages-box">... </div> </li> <li class="divider"> </li> <li> <a href="mailbox.html"> <i class="fa fa-envelope"></i> <strong>Read All Messages</strong></a> </li> </ul> </li> <li>...</li> <li>...</li> ... </ul>
now I would like to render the ul#latest-messages with react
i have the following components:
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