1

我在基础欢乐之旅中手动创建了一个按钮，如下所示，以完全禁用基础欢乐之旅。

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>
  );
}

我正在使用此代码进行反应。当我在我的反应组件中呈现此代码时，它没有显示任何错误。但是，当我单击“不再显示”按钮时，我收到一条错误消息，例如：

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

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

4

0 回答 0