財団は、スロー「el.data（...を）。分割は関数ではありません」反応するとトグルボタンをクリック

Question

コンポーネントに

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

を反応に私は、基礎文書から（下）HTMLブロックを挿入するとトグルボタンをクリックするとエラーがスローされます

el.data(...).split is not a function 

Answer 1

問題はデータトグル属性です。 はとても "

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

修正問題

" = specifing

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

に

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

以下の行をレンダリング反応します