每次加载React组件时，都会渲染一部分代码（带有selectize的tablesorter）

Question

每次加载组件时，我的应用都会呈现部分代码。这是代码：

https://jsfiddle.net/rLvfa8rn/

我正在尝试在我的tablesorter表上实现此http://jsfiddle.net/Unspecified/qrqJv/1/。

问题在于第71-121行的部分，每当我调用页面时，都会有一个Selectize.js渲染的下拉列表：

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

我把所有代码都放了，因为问题可能是另一个。

Answer 1

好吧，所有问题都在var selectize（{

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

选项：dropdownParent：'body'是问题所在，我猜这是一个知道的选择错误。删除该选项可以正常工作。