2017-06-22 53 views
0

我有這個非常小的一段代碼,在陣營:如何從引導處理可摺疊的菜單上反應

<ul className="nav" id="side-menu"> 
    <li> 
    <a href="#" aria-expanded="false"> 
     <span className="nav-label">Account</span><span className="fa arrow">&nbsp;</span> 
    </a> 
    <ul className="nav nav-second-level collapse" aria-expanded="false"> 
     <li> 
     <a href="/test">Test</a> 
     </li> 
     <li> 
     <a href="/test">Test</a> 
     </li> 
    </ul> 
    </li> 
</ul> 

可摺疊菜單不工作。點擊什麼都不做。我假設這是因爲React沒有處理第一級導航<li>上的實際點擊,因此不顯示第二級導航。這是一個安全的假設嗎?

如果是,那該如何處理呢?

謝謝!

回答

0

Bootstrap依賴於jQuery,所以沒有它將無法工作。你可以這樣做,但通常認爲使用jQuery和React都是不好的做法。

另一種選擇是將功能重寫到您自己的組件中。我建議的實際上是使用像React Bootstrap這樣的軟件包。

+1

我已經測試過React Bootstrap,很好奇如何使用該模板。但我認爲我可以將所有CSS複製到react-bootstrap,然後以此方式使用它。將測試並報告我的發現。 – Laerion