Reactjs:将标记更改为<;链接>;标签,来自列表组引导4
我正在使用Reactjs,我正在尝试使用Bootstrap4中的这个列表组。但是,当我将A标记更改为Reactjs:将标记更改为<;链接>;标签,来自列表组引导4,reactjs,bootstrap-4,Reactjs,Bootstrap 4,我正在使用Reactjs,我正在尝试使用Bootstrap4中的这个列表组。但是,当我将A标记更改为时,代码不再工作,并且不会显示任何内容。使用在React中渲染它的最佳方式是什么 ... ... ... ... e、 g。 我已经使用了这段代码,在删除了数据toggle=“list”之后,这段代码使用了标记 什么是链接?从哪里来的?如果你没有看到任何东西,你的日志可能有错误。请分享来自react路由器dom,我相信我不能在create react应用程序中使用标签。此外,我的日志中没有任何
时,代码不再工作,并且不会显示任何内容。使用
在React中渲染它的最佳方式是什么
...
...
...
...
e、 g。
我已经使用了这段代码,在删除了数据toggle=“list”
之后,这段代码使用了
标记 什么是链接
?从哪里来的?如果你没有看到任何东西,你的日志可能有错误。请分享
来自react路由器dom,我相信我不能在create react应用程序中使用标签。此外,我的日志中没有任何错误。@此关键字用于导航组件,如果您想对每个链接使用put like和不同的href。@此关键字需要安装react router dom以使用路由如果您想使用引导
,请使用
<div class="row">
<div class="col-4">
<div class="list-group" id="list-tab" role="tablist">
<a class="list-group-item list-group-item-action active" id="list-home-list" data-toggle="list" href="#list-home" role="tab" aria-controls="home">Home</a>
<a class="list-group-item list-group-item-action" id="list-profile-list" data-toggle="list" href="#list-profile" role="tab" aria-controls="profile">Profile</a>
<a class="list-group-item list-group-item-action" id="list-messages-list" data-toggle="list" href="#list-messages" role="tab" aria-controls="messages">Messages</a>
<a class="list-group-item list-group-item-action" id="list-settings-list" data-toggle="list" href="#list-settings" role="tab" aria-controls="settings">Settings</a>
</div>
</div>
<div class="col-8">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="list-home" role="tabpanel" aria-labelledby="list-home-list">...</div>
<div class="tab-pane fade" id="list-profile" role="tabpanel" aria-labelledby="list-profile-list">...</div>
<div class="tab-pane fade" id="list-messages" role="tabpanel" aria-labelledby="list-messages-list">...</div>
<div class="tab-pane fade" id="list-settings" role="tabpanel" aria-labelledby="list-settings-list">...</div>
</div>
</div>
</div>