Селектор с ajax-ом

Добрый день, нужно сделать селектор который при открытии кидает ajax и получает данные, проблема в том что при открытии он закрывается ( обновляется ). Может кто нибудь сталкивался с такой проблемой и как то решил ее?

Использую Select2 react, вот так :

import React, {Component} from 'react'
import Select2 from 'react-select2-wrapper'
import 'react-select2-wrapper/css/select2.css'

export default class Filter extends Component {

   constructor(props) {
       super(props);
       this.state = {
           primer : []
       }
       this.ajaxFilter = this.ajaxFilter.bind(this)
   }


   ajaxFilter(){
       var self = this;

       $.ajax({
           dataType : 'json',
           url      : '/address/filter',
           success : function (data) {

               var result = [];
               _.each(data.prim, function(prim, index){
                   result[index] = [];
                   result[index]['id'] = prim['id'];
                   result[index]['text'] = prim['text'];
               });

               self.setState({
                   primer : result
               });

               $('body').faLoading(false);
           }
       });
   }


   render() {

       return (
               <Select2
                   key = {1}
                   data = { this.state.primer }
                   options={{
                       placeholder : 'primer',
                       closeOnSelect : false
                   }}
                   onOpen={this.ajaxFilter}
               />
       )
   }
}