1

ファウンデーション ジョイ ライドを完全に無効にするために、ファウンデーション ジョイ ライドで以下のように 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>
  );
}

このコードをreactで使用しています。反応コンポーネントでこのコードをレンダリングすると、エラーは表示されません。しかし、「これを二度と表示しない」ボタンをクリックすると、次のようなエラーメッセージが表示されます。

invariant.js:42 Uncaught Error: Invariant Violation: ReactMount: 2 つの有効だが等しくない同じノードdata-reactid: .0.0.5.0.2.0.0.1

誰でもこれについて何か考えがありますか？私を助けてください。前もって感謝します。

4

0 に答える 0