Question

我正在构建一个Web应用程序（SPA），我在wallop库中出现以下错误：

未捕获错误：已存在具有此选择器的Wallop实例。在新的Wallop（app.js：41105：16）在ChilquintaMap.onClickPrevPic（app.js：55745：21）在Object.invokeGuardedCallback（app.js：35852：13）在executeDispatch（app.js：34956：22） at Object.executeDispatchesInOrder（app.js：34976：8）在executeDispatchesAndRelease（app.js：26877：23）在executeDispatchesAndReleaseTopLevel（app.js：26888：11） at Array.forEach（native）在forEachAccumulated（app.js：54462：10）在Object.processEventQueue（app.js：27064：8）

我想避免这个错误，但是当我第二次按下我的按钮（下一个）时，它会一直显示它（或者每次都是1次）。

由wallop提供的滑块可以使用。

我的代码是：

import Wallop from 'Wallop';

..

onClickNextPic(event){

    var wallopEl = document.querySelector('.Wallop');

    var slider = new Wallop(wallopEl);

    // Go to next slide
    slider.next();
  }

  onClickPrevPic(event){
    var wallopEl = document.querySelector('.Wallop');

    var slider = new Wallop(wallopEl);


    slider.previous();
  }

..

render(){
  return (
...
<div className="Wallop Wallop--fade">
                    <div className="Wallop-list">
                      {/*<PhotoViewer fotos={this.state.fotografias} dots={this.state.dots}/> */}
                      {this.state.fotografias}
                    </div>
                    <div className="Wallop-pagination">
                      {this.state.dots}
                    </div>
                    <div className="btn-group" role="group" aria-label="...">
                      <button className="Wallop-buttonNext" onClick={this.onClickPrevPic.bind(this)} >Previous</button>
                      <button className="Wallop-buttonPrevious" onClick={this.onClickNextPic.bind(this)}>Next</button>

                    </div>
                  </div>
...
);
}

感谢您的帮助！

已存在此选择器的Wallop实例

0 个答案: