是否可以从react js中的第一个组件开始div，并在另一个组件中结束

Question

假设我有两个组件组件组件A和组件B

<div class="theme-layout">

<div class="responsive-header">
<div class="mh-head first Sticky">
<span class="mh-btns-left">
<a class="" href="#menu"><i class="fa fa-align-justify"></i></a>
</span>
<span class="mh-text">
<a href="newsfeed.html" title=""><img src="images/logo2.png" alt=""></a>
</span>
<span class="mh-btns-right">
<a class="fa fa-sliders" href="#shoppingbag"></a>
</span>
</div>
)

和另一种类似的成分B

return (
<div class="bottombar">
<div class="container">
<div class="row">
<div class="col-md-12">
<span class="copyright"><a target="_blank" href="https://www.templateshub.net">Templates Hub</a></span>
<i><img src="images/credit-cards.png" alt=""></i>
</div>
</div>
</div>
</div>
</div>
</div>
)

Maindiv从组件A开始，到组件B结束。如何在react js中将这两个组件拆分为页眉和页脚。？

Answer 1

如果我没有错的话，你不能从组件A开始你的主div，并在组件B结束。在react中，单个组件JSX只对这些组件有效，所以我们不能对这两个组件使用主div，不要忘记自封闭标记