Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
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