React: Vaadin grid sort column TypeError: Невозможно вызвать конструктор класса без нового - PullRequest
Новая
       28

React: Vaadin grid sort column TypeError: Невозможно вызвать конструктор класса без нового

0 голосов
/ 17 июня 2019

Я бы хотел использовать сетку Ваадина в реактивном проекте. Особенно меня интересует функциональность сортировки и фильтрации, которая выглядит красиво! Поэтому я попытался использовать, как описано на странице компонента vaadin, но получил всегда «TypeError: конструктор класса GridColumnElement не может быть вызван без« нового »исключения. Кто-нибудь знает, что я делаю не так? Или у кого-нибудь есть рабочий пример, которым можно поделиться со мной? 

import React from 'react';

import '@vaadin/vaadin-button';
import '@vaadin/vaadin-grid';
import '@vaadin/vaadin-grid/vaadin-grid-sort-column';
import '@vaadin/vaadin-form-layout';
import '@vaadin/vaadin-checkbox';
import '@vaadin/vaadin-combo-box';
import '@vaadin/vaadin-text-field';
import '@vaadin/vaadin-custom-field';
import '@vaadin/vaadin-ordered-layout';
import '@vaadin/vaadin-date-picker'
import '@vaadin/vaadin-tabs'
import '@vaadin/vaadin-icons'

class Example extends React.Component {
  /**
   * Will called whenever the component is rendered to the DOM for the first time.
   */
  componentDidMount() {
      window.addEventListener("WebComponentsReady", () => {
        this.refs.grid.dataProvider = this.load;
      });
      this.refs.grid.size = 20; 

  }

  load(params, callback) {
      fetch(URL, 
        {
            method: 'get'
        })
        .then(response => response.json())
        .then(data => callback(data, data.length));
  }

  render() {
    return (
        <div>            
            <vaadin-grid ref="grid" theme="column-borders row-stripes wrap-cell-content">
                <vaadin-grid-sort-column resizable path="id" header="ID"></vaadin-grid-sort-column>
                <vaadin-grid-column resizable header="Name"></vaadin-grid-column>
            </vaadin-grid>
        </div>
    );
  }
}

export default Example;

сообщение об исключении

Спасибо

...