React 구성 요소를로드 할 때마다 코드의 일부 (테이블 선택기)를 렌더링합니다.

Question

구성 요소를로드 할 때마다 앱에서 일부 코드가 렌더링됩니다. 내 tablesorter에 테이블이 http://jsfiddle.net/Unspecified/qrqJv/1/을 구현하기 위해 노력하고있어

https://jsfiddle.net/rLvfa8rn/

:이 코드입니다. 어쩌면 문제가 또 다른이기 때문에

Selectize.define('clear_selection', function (options) { 
     var self = this; 
     var title = options.title || 'Sin filtro'; 
     //Overriding because, ideally you wouldn't use header & clear_selection simultaneously 
     self.plugins.settings.dropdown_header = { 
      title: title 
     }; 
     this.require('dropdown_header'); 
     self.setup = (function() { 
      var original = self.setup; 
      return function() { 
       original.apply(this, arguments); 
       this.$dropdown.on('mousedown', '.selectize-dropdown-header', function (e) { 
        self.setValue(''); 
        self.close(); 
        self.blur(); 
        return false; 
       }); 
      } 
     })() 
    }); 

내가 모든 코드를 넣어 :

문제는 라인 71-121의 부분, 내가 페이지를 호출 Selectize.js 렌더링마다의 드롭 다운이있다.

Answer 1

음, 모든 문제는 var에 selectize ({

var selectize({ 
    hideSelected: false, 
    dropdownParent: 'body' 

옵션에 있었다 : dropdownParent :. '몸'문제이고, 그것이 내가 생각 selectize의 노하우 버그의 해당 옵션을 제거하면 잘 작동합니다.