Reactjs 基金会下拉菜单中的反应 我试图在我的反应应用程序中包括一个基础下拉菜单。但是,当我尝试为下拉菜单添加普通代码时,下拉功能不起作用,下拉菜单项都会自动显示。我还收到错误: Uncaught TypeError:$(…).基金不是一个函数 在Constructor.componentDidMount处(在
下面是我的代码。非常感谢Reactjs 基金会下拉菜单中的反应 我试图在我的反应应用程序中包括一个基础下拉菜单。但是,当我尝试为下拉菜单添加普通代码时,下拉功能不起作用,下拉菜单项都会自动显示。我还收到错误: Uncaught TypeError:$(…).基金不是一个函数 在Constructor.componentDidMount处(在,reactjs,zurb-foundation,Reactjs,Zurb Foundation,下面是我的代码。非常感谢 var React = require('react'); var $ = require('jQuery'); var Nav = React.createClass({ componentDidMount: function () { $(document).foundation(); }, render: function () { return( <div> <div className
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;
var React=require('React');
var$=require('jQuery');
var Nav=React.createClass({
componentDidMount:函数(){
$(document.foundation();
},
渲染:函数(){
返回(
菜单
保险
-
);
}
});
module.exports=Nav;
您是否已在“app.js”文件中导入了“foundation sites”?这不提供问题的答案。若要评论或要求作者澄清,请在其帖子下方留下评论。如果您足够,您将能够。