React中的Foundation下拉菜單

Question

我正在嘗試在我的React應用程序中包含Foundation下拉菜單。但是，當我嘗試添加下拉菜單的正常代碼時，下拉功能不起作用，並且下拉菜單項全部自動顯示。我也收到了錯誤：

遺漏的類型錯誤：$（...）基金會不是一個函數 在Constructor.componentDidMount（EVAL在

下面是我的代碼非常感謝

var React = require('react'); 
var $ = require('jQuery'); 

var Nav = React.createClass({ 
    componentDidMount: function() { 
    $(document).foundation(); 
    }, 
    render: function() { 
    return(
     <div> 
     <div className="off-canvas-wrapper"> 
      <div className="off-canvas-wrapper-inner" data-off-canvas-wrapper> 
      <div className="off-canvas-content" data-off-canvas-content> 
       <div className="title-bar show-for-small-only"> 
       <div className="title-bar-left"> 
        <button className="menu-icon" type="button" data-open="mobile-menu"></button> 
        <span className="title-bar-title">MENU</span> 
       </div> 
       </div> 
       <nav className="top-bar nav-desktop"> 
       <div className="wrap"> 
        <div className="top-bar-left"> 
        <h5 className="site-logo">Insurance</h5> 
        </div> 

        <div className="top-bar-right"> 
        <ul className="menu menu-desktop dropdown" data-dropdown-menu> 
         <li> 
         <a href="#">Linkedin</a> 
         <ul className="menu"> 
          <li><a href="#">StackOverflor</a></li> 

         </ul> 

         </li> 
         <li><a href="#">Facebook</a></li> 
         <li><a href="#">FAQ</a></li> 

        </ul> 
        </div> 
       </div> 
       </nav> 
      </div> 
      </div> 
     </div> 
     </div> 
    ); 
    } 
}); 


module.exports = Nav; 

。

Answer 1

您是否在「app.js」文件中導入了「foundation-sites」？