基础Joyride：变异错误无效

Question

我在基础欢乐骑行中手动创建了一个按钮，以便完全禁用基础欢乐骑行。

neverShowJoyRide: function(){
  $(document).foundation('joyride', 'hide'); //hide the joy ride on trigger
},
render: function () {
  var self = this;
  return (
    <ol className="joyride-list" data-joyride>
      <li data-id="startJoyRide" data-text="Next" data-options="prev_button: false; tip_location: left">
       <p>Welcome to XXXX - Would you like to take a guided tour of the site ?</p>
       <button className="small button" onClick={this.neverShowJoyRide}>Never show this Again</button>
      </li> 
    </ol>
  );
}

我正在使用此代码进行反应。当我在我的react组件中呈现此代码时，它没有显示任何错误。但是，当我点击按钮时，＃34;再也不会显示这个＆＃34;然后我收到一条错误消息：

invariant.js：42未捕获错误：不变违规：ReactMount：具有相同data-reactid的两个有效但不相等的节点：.0.0.5.0.2.0.0.1

有人对此有任何想法吗？请帮我。提前谢谢。