如何获取Kendo UI网格React包装器进行刷新

Question

我使用下面的代码

打破

const dataSourceSchema = {
  model: {
    fields: {
      name: { type: 'string' },
      description: { type: 'string' }
    }
  }
};

const gridOptions = {
  ...
};

class ItemsContainer extends React.Component {
  componentDidMount() {
    this.props.getItems();
  }

  render() {
    const { items } = this.props;
    const dataSource = {
      schema: dataSourceSchema,
      data: items
    }

    return (
        <Grid {...gridOptions} dataSource={dataSource} />
    );
  }
}

我收到以下错误

错误

但是，如果我使用这段代码来对dataSource.data进行硬编码，那么它就可以了。

作品

const gridOptions = {
  dataSource: {
      data: [{name: 'foo', description: 'bar'}],
      schema: {
          model: {
              fields: {
                  name: { type: "string" },
                  description: { type: "string" }
              }
          }
      },
      pageSize: 20
  },
  ...      
    columns: [
      "name",
      "description"
  ]
};

class ItemsContainer extends React.Component {
  componentDidMount() {
    this.props.getItems();
  }

  render() {
    const { items } = this.props;

    return (
        <Grid {...gridOptions}/>
    );
  }
}

我做错了什么。我正在传播dataSource属性，因为看起来kendo包装器正在检查它的引用（应该如此）。