title: How to access kendo-react widgets when accessing the react dropdowns javascript by script instead of import?
body: <p>I added this to my page:</p>
  
  <p><code>&lt;script type="text/javascript" src="{!URLFOR($Resource.kendoReact, 'kendoReact/kendo-dropdowns-react-wrapper.min.js')}"&gt;&lt;/script&gt;</code></p>
  
  <p>To access a static resource of the kendo react script I downloaded. </p>
  
  <p>Then set this up in page:</p>
  
  <pre><code>class MultiSelectContainer extends React.Component {
              constructor(props) {
                  super(props);
                  console.log('Setting up multiselect', props.data);
                  this.dataSource = new kendo.data.DataSource({
                      data: props.data,
                      sort: {
                          field: 'name',
                          dir: 'asc'
                      },
                      group: {
                          field: 'resourceType',
                          dir: 'desc'
                      }
                  });
                  this.placeholder = 'Filter By People...';
                  this.enable = false;
                  this.minLength = 3;
                  this.enforceMinLength = false;
                  this.tagTemplate = '&lt;span class="selected-value" title="#:he.decode(data.name)#" style="color: white;"&gt;#:he.decode(data.alias)#&lt;/span&gt;';
                  this.template = $('#dropDownTemplate').html();
                  this.dataTextField = 'searchName';
                  this.dataValueField = 'value';
                  this.filter = 'contains';
                  this.autoClose = false;
  
                  this.onChange = this.onChange.bind(this);
                  this.onSelect = this.onSelect.bind(this);
              }
  
              onSelect = (e) =&gt; {
                  //Erase what the user has typed after they make a selection
                  e.sender.input.val('');
              }
  
              onChange = (e) =&gt; {
                  console.log('MultiSelect Changing', e);
                  var filteredDataSource = e.sender.dataItems();
                  //Get selected pills of user filter multi-select, and set their background colors to specified user color (either bland grey, or user defined color)
                  var selectedTags = $('.k-multiselect li.k-button');
                  for (var i = 0; i &lt; selectedTags.length; i++) {
  
                      if (selectedTags[i].parentNode.id == 'user-filter_taglist') {
                          //ownerIdArr.push(value[i]);
  
                          var tag = $(selectedTags[i]);
                          var item = $(tag.find('span.selected-value'));
                          for (var k = 0; k &lt; filteredDataSource.length; k++) {
                              if (item[0].textContent === he.decode(filteredDataSource[k].alias)) {
                                  tag.css({
                                      'background': filteredDataSource[k].tagColor,
                                      'width': '100px',
                                      'height': '30px',
                                      'font-size': '15px',
                                      'overflow': 'hidden',
                                      'text-overflow': 'ellipsis',
                                      'border-radius': '5px'
                                  });
                              }
                          }
                      }
                  }    
              }
  
              render() {
                  return (
                      &lt;div&gt;
                          &lt;MultiSelect
                              change={this.onChange}
                              select={this.onSelect}
                              dataSource={this.dataSource}
                              placeholder={this.placeholder}
                              value={this.values} /&gt;
                      &lt;/div&gt;
                  );
              }
          }
  </code></pre>
  
  <p>But I get this: <code>ReferenceError: MultiSelect is not defined at MultiSelectContainer.render</code>.</p>
  
  <p>I am assuming this is how I am bringing in the dropdowns react javascript file. With import, you'd do: <code>import {MultiSelect} from 'blah blah path name';</code>, so MultiSelect would be defined.</p>
  
  <p>Is it possible to bring in the JS file like I did, and establish what MultiSelect is so it is defined, like in the import method?</p>