Reactjs 基金会,反应投掷>;el.data(…).split不是一个函数;当点击切换按钮时

Reactjs 基金会,反应投掷>;el.data(…).split不是一个函数;当点击切换按钮时,reactjs,zurb-foundation,Reactjs,Zurb Foundation,当我从基础文档插入HTML块(以下)时,进入反应组件 <div className="top-bar" id="top-bar"> <div className="top-bar-title"> <span data-responsive-toggle="responsive-menu" data-hide-for="medium"> <button className="menu-icon dark" type=

当我从基础文档插入HTML块(以下)时,进入反应组件

  <div className="top-bar" id="top-bar">
    <div className="top-bar-title">
      <span data-responsive-toggle="responsive-menu" data-hide-for="medium">
        <button className="menu-icon dark" type="button" data-toggle></button>
      </span>
      <strong>Site Title</strong>
    </div>
    <div id="responsive-menu">
      <div className="top-bar-left">
        <ul className="dropdown menu" data-dropdown-menu>
          <li>
            <a href="#">One</a>
            <ul className="menu vertical">
              <li><a href="#">One</a></li>
              <li><a href="#">Two</a></li>
              <li><a href="#">Three</a></li>
            </ul>
          </li>
          <li><a href="#">Two</a></li>
          <li><a href="#">Three</a></li>
        </ul>
      </div>
      <div className="top-bar-right">
        <ul className="menu">
          <li><input type="search" placeholder="Search"/></li>
          <li><button type="button" className="button">Search</button></li>
        </ul>
      </div>
    </div>
  </div>

问题在于使用数据切换属性。 反应渲染下面的线条

    <button className="menu-icon dark" type="button" data-toggle></button>


因此指定=“”


解决了这个问题

    <button className="menu-icon dark" type="button" data-toggle></button>
    <button class="menu-icon dark" type="button" data-toggle="true"></button>
    <button className="menu-icon dark" type="button" data-toggle=""></button>