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”?

这不提供问题的答案。若要评论或要求作者澄清,请在其帖子下方留下评论。如果您足够,您将能够。